Knapsack
AI 네이티브Your AI has no idea what good looks like.
- 월간 방문 수
- 6.5K
- 상승7.0%전월 대비2026년 10월
- 공개 매출
- 비공개
- 아직 공개 수익 증빙이 없습니다
- 시작 요금
- 알 수 없음
- 구독형 모델, 요금제 가격 미확인
- 출시일
- 5년 전
- 2021-04-08 · 추정
트래픽
마케팅 활동
출시, 검색·콘텐츠, 추천, 프로모션X 계정@knapsackcloud
제3자 리뷰 및 사례 분석
유입 채널 분석, 엔지니어 리뷰 및 오픈소스 지표GetLatka팀원 30명투자 유치 $7.8M
2026-10-29원문 출처
Knapsack is a cloud-based design system platform that enables product teams to define, manage, and share reusable UI patterns across design and engineering workflows.
유입 경로
2026년 10월
트래픽 구성
이 웹사이트의 트래픽 채널 및 국가별 구성 데이터가 아직 없습니다.
검색
사이트 권위도 (DR) —도메인 등록 알 수 없음
아직 이 웹사이트의 검색 키워드 데이터가 없습니다.
트래픽 데이터: Vaneform
가격
Basic
영업팀 문의
5+ users · 50 viewers included · Support for code framework \[1 Included\] · 50 viewers included, up to 199 viewers available
Core
영업팀 문의
10+ users · 200 viewers included · 200 viewers included, up to 1999 viewers available · ≤ 4 Modes / Collections
Pro
영업팀 문의
20+ users · Unlimited free viewers · Support for multiple code frameworks \[3 Included\] · SSO and advanced security \[≤3 providers\] · ≤ 12 Modes / Collections
무료 체험: 없음 · 기업 맞춤 플랜 · Observed 2026-11-09 · 원본 요금 페이지
페이지 및 변경 내역
2023-04-25부터 기록 시작
주요 페이지
주간 스냅샷www.knapsack.cloud/ 스냅샷 2026-11-09
변경
디자인
첫 화면 비주얼 분석 및 :root CSS
그라데이션 글로우(라이트 배경 · 여백 많음 밀도): 중앙 헤드라인 + CTA 버튼 레이아웃과 순수 타이포그래피 및 기하학 비주얼.
히어로 미리보기 · 클릭하여 확대
첫 화면 피치 및 전환 흐름
“Your AI has no idea what good looks like.”
중앙 헤드라인 + CTA 버튼 히어로 구조에 데모 예약 / 영업팀 문의 CTA와 별도 신뢰 배지 없음 요소를 결합한 구성.
Conversion path: 중앙 헤드라인 + CTA 버튼 + 순수 타이포그래피 및 기하학 → 데모 예약 / 영업팀 문의
- 브랜드 선언 및 호기심 유발
팔레트 · 클릭하여 복사
5차원 디자인 점수7.3 / 10
- 타이포그래피
- 8.0
- 색상 및 대비
- 8.0
- 레이아웃 및 여백
- 7.0
- 디테일 및 완성도
- 7.0
- 스타일 독창성
- 6.0
시장 구조
- 폰트
- Golos Text
- 히어로 레이아웃
- 중앙 헤드라인 + CTA 버튼
- 메인 비주얼
- 순수 타이포그래피 및 기하학
- 전환 액션(CTA)
- 데모 예약 / 영업팀 문의
- 신뢰 배지 / 사회적 증거
- 별도 신뢰 배지 없음
- 내비게이션
- 플로팅 캡슐 내비게이션
- 테마 및 밀도
- 라이트 · 여백 많음
- 모서리 및 깊이감
- 캡슐형 · 그림자 있음
AI 디자인 브리프 전문 미리보기 (:root CSS 변수 및 레이아웃 규칙 포함)스타일 토큰만 추출하며 브랜드명, 로고, 카피, 이미지는 복제하지 않습니다
# 디자인 브리프: 그라데이션 글로우 (소프트 & 프렌들리 겸비)
현대적인 AI 제품에서 널리 쓰이는 빛나는 방사형 글로우와 반투명 글래스 패널입니다.
## 디자인 토큰
```css
:root {
--background: #f6f1fb;
--surface: #ffffff;
--foreground: #1c1b1f;
--muted-foreground: #5e5868;
--accent: #6b46f5;
--radius: 9999px;
--font-heading: "Golos Text", ui-sans-serif, system-ui, sans-serif;
--font-body: "Golos Text", ui-sans-serif, system-ui, sans-serif;
}
```
색상 면적 비율: 배경 #F6F1FB (~56%) · 패널/표면 #FFFFFF (~22%) · 본문 텍스트 #1C1B1F (~8%) · 보조 텍스트 #5E5868 (~6%) · 강조색 #6B46F5 (~8%). 배경과 표면이 캔버스의 대부분을 차지하며, 강조색은 주요 버튼과 활성 상태에만 사용합니다.
## 레이아웃 및 전환 구조
- 히어로 레이아웃: 중앙 헤드라인 + CTA 버튼
- 내비게이션: 플로팅 캡슐 내비게이션
- 테마 및 밀도: 라이트 · 여백 많음
- 모서리 둥글기 및 입체감: 캡슐형; 입체 그림자(Elevation Shadow)로 레이어 계층 구분
- 주요 비주얼 매체: 순수 타이포그래피 및 기하학
- 전환 CTA: 데모 예약 / 영업팀 문의
- 헤드라인 훅: 브랜드 선언 및 호기심 유발
- 공간 레이아웃 노트: 중앙 헤드라인 + CTA 버튼 히어로 구조에 데모 예약 / 영업팀 문의 CTA와 별도 신뢰 배지 없음 요소를 결합한 구성.
- 비주얼 요약: 그라데이션 글로우(라이트 배경 · 여백 많음 밀도): 중앙 헤드라인 + CTA 버튼 레이아웃과 순수 타이포그래피 및 기하학 비주얼.
## 피해야 할 요소
- 그라데이션 위의 탁하고 대비가 낮은 텍스트
- 전체 화면 무지개 배경의 남용
- 히어로 영역의 복잡하고 빽빽한 표
위 디자인 토큰과 레이아웃 사양에 따라 UI를 구현하세요. 색상은 지정된 CSS 변수만 사용하고 강조색(accent)은 주요 버튼과 활성 상태에만 제한적으로 사용합니다. 시각적 스타일만 채택하며 참고 제품의 브랜드명, 로고, 카피, 이미지는 복제하지 마세요.
주요 질문과 근거
- Knapsack의 가격과 요금제는 얼마인가요? (무료 플랜·월 구독료)
- Basic: 영업팀 문의; Core: 영업팀 문의; Pro: 영업팀 문의. 관측일: 2026-11-09. 최신 결제 조건, 사용 한도, 세금은 원문에서 확인하세요.원문 출처
- Knapsack의 웹사이트 방문 수는 얼마인가요?
- Vaneform이 추정한 2026-10의 웹사이트 방문 수는 6.5K입니다. 반복 방문이 포함될 수 있으며 유료 고객 수와 매출은 별도의 근거로 확인해야 합니다.원문 출처
- What is Knapsack and what platforms does it support?
- Knapsack is catalogued under UI/UX 디자인 및 프로토타이핑: Your AI has no idea what good looks like.. Supported platforms: 오픈 API.
같은 분야의 관련 제품
디자인 / UI/UX 디자인 및 프로토타이핑
같은 카테고리에 등록된 제품입니다. 대안으로 고려하기 전에 사용 목적, 기능, 도입 조건을 비교해 보세요.