← 프롬프트 스튜디오로

구성요소 시안

사이트의 모든 구성요소를 분해해 시안별로 비교합니다. 모든 시안은 인터넷의 우수한 UI/UX(Linear·Notion·Vercel·Raycast·Things·Stripe·Apple 등)를 모방했고, 테두리·불필요한 요소 없이 미니멀하게 유지했습니다. 마음에 드는 시안을 알려주시면 스튜디오에 반영하고, 새 시안도 계속 추가합니다.

전체 레이아웃 · 새 시안

3 시안 · 구조 자체가 다름 · 단어 그리드 우선
L1 · 탑바 풀폭Vercel·Linear — 사이드바 제거, 그리드 최대폭
단어장가져오기프리셋단어 검색·추가
전체인물상황카메라조명
woman여성
forest숲
golden hour골든아워
bokeh보케
85mm85mm
soft light부드러운 빛
moody무드
red빨강
조합woman, golden hour, 85mm3
L2 · 커맨드 센트럴Raycast — 중앙 검색이 중심, 키보드 우선
＋ 단어를 검색하거나 입력하세요전체인물상황카메라
woman여성
forest숲
golden hour골든아워
bokeh보케
85mm85mm
soft light부드러운 빛
moody무드
red빨강
조합woman, golden hour, 85mm3
L3 · 아이콘 레일Linear·Things — 52px 레일, 폭 회수
전체인물상황카메라
woman여성
forest숲
golden hour골든아워
bokeh보케
85mm85mm
soft light부드러운 빛
moody무드
red빨강
조합woman, golden hour3

사이드바 · 내비게이션

4 시안
Linear컴팩트·선택 필
Notion여백·저대비
Vercel쿨 뉴트럴·굵은 선택
Raycast따뜻한 톤·단축키

프리셋 리스트 · 추천 상태

4 시안
Things 3따뜻한 종이·여유
스냅샷 세트8
골든아워 무드추천
시네마틱8
Superhuman고밀도·카운트 필
스냅샷 세트8
골든아워 무드추천
시네마틱8
Height큰 라벨·틴트 추천
골든아워 무드5
스냅샷 세트8
시네마틱8
Stripetabular 숫자·차분
스냅샷 세트8
골든아워 무드5
시네마틱8

분류 칩

4 시안
Linear 라벨점·회색 선택
GitHub 필터알약·다크 활성
Raycast플랫·옅은 강조
Notion 토큰소프트 그레이

하위 칩

중립·보조
중립 보조 칩강조색 안 씀

버튼 · 주요/보조

4 시안
Vercel블랙 솔리드
Stripe인디고·소프트 섀도우
Apple알약·틴트 보조
Linear컴팩트 바이올렛

검색 · 추가 입력 + 자동완성

4 시안
Raycast큰 필드·링 포커스
추천
golden hour · 골든아워
bokeh · 보케
Linear ⌘K모노크롬·단축키
golden hour↵
bokehB
Vercel2줄 항목
golden hour골든아워 · 조명
bokeh보케 · 카메라
Notion칩 아이콘·틴트
golden hour · 골든아워
bokeh · 보케

단어 카드 그리드

4 시안 · 호버 시 영단어 강조
Are.na정사각·플랫
golden hour골든아워
bokeh보케
backlight역광
Apple Music중앙·여유
golden hour골든아워
bokeh보케
backlight역광
Linear고밀도·가로
golden hour골든아워
bokeh보케
backlight역광
soft light부드러운 빛
Cosmos세로·갤러리
golden hour골든아워
bokeh보케

조합 트레이 · 하단 차콜

4 시안
장바구니 바슬림 바 + 카운트
조합3⌄
woman ×golden hour ×85mm ×
iOS 시트그랩 핸들·풀폭
조합3⌄
woman ×golden hour ×85mm ×
콘솔(모노)행 목록·스크롤
조합3⌄
womangolden hour85mm
Linear 트레이내부 톤 분리
조합3⌄
woman ×golden hour ×85mm ×

슬라이더

4 시안
Apple큰 흰 썸·얇은 트랙
Material강조색 썸·호버 헤일로
Linear호버 전 썸 숨김
차콜 위트레이 내부용