큐레이션 · 오픈 · 무료

Cubitts

안경테를 수제 아티팩트의 지위로 끌어올리는, 정제된 영국 안경 브랜드입니다.

01

디자인 DNA

현대적 미니멀리즘과 전통적 장인 정신을 결합한, 안경을 위한 맞춤형 테일러입니다.

02

컬러

블랙 잉크가 공간을 고정하고 따뜻한 그레이가 미세한 깊이를 제공하는 고대비 미니멀리즘입니다.

03

타이포그래피

geometric-sans

• display32px · 400
• body16px · 400
• caption12px · 400

헤드라인은 과도한 자간 없이 표준 문장 대문자 형식을 사용합니다. · 본문 텍스트는 가독성을 위해 400 굵기를 일관되게 유지합니다. · 작은 텍스트는 법적 고지 및 유틸리티 레이블로 제한합니다.

04

여백

유연한 4px 베이스라인 그리드를 사용하며, 레이아웃 밀도에 따라 64px 및 12px 거터로 조정됩니다.

05

표면 (라운드 / 그림자 / 경계선)

입력 필드와 인터랙티브 영역은 #0B0B0B 또는 #D8D8D8의 얇은 1px 실선으로 경계를 정의합니다.

0px 0px 30px 0px rgba(0, 0, 0, 0.15)

06

레이아웃

풍부한 여백과 중앙 정렬 콘텐츠 블록을 우선시하는 깔끔한 12열 그리드입니다.

07

모션과 인터랙션

인터랙티브 피드백을 위한 부드러운 불투명도 및 배경색 전환. · 구조적 변화를 위한 Transform 기반 애니메이션.

버튼의 미세한 배경색 변화 또는 색상 반전. · 배경 어두워짐 또는 구조적 변화를 통한 즉각적인 시각적 피드백.

08

컴포넌트

• button 검은색 배경에 흰색 텍스트가 들어가는, 알약 모양 또는 둥근 사각형 버튼입니다.
• card 콘텐츠를 그룹화하기 위해 미세한 배경 변화(#F5F5F5)를 적용한, 깔끔한 테두리 없는 컨테이너입니다.
• chip 태그 지정이나 인터랙티브 토글에 사용되는 작은 둥근 알약 모양 컴포넌트입니다.
• input 깔끔한 외관을 위해 얇은 테두리와 내부 패딩이 적용된 미니멀한 사각형 필드입니다.
• hero 눈에 띄는 타이포그래피와 함께 사용되는, 대형 분할 레이아웃 또는 전체 폭 이미지 섹션입니다.

09

보이스와 금지 목록

• 톤 정제되고 자신감 넘치며 정보를 전달하며, 때로는 스토리텔링에 기댑니다.
• 헤드라인 장인 정신이나 특정 브랜드 스토리에 초점을 맞춘, 간결하고 직접적인 스타일입니다.
• CTA 명확하고 행동 지향적이며, '지금 입장' 또는 '모두 허용'과 같은 표준 동사를 자주 사용합니다.

• 지나치게 장식적인 세리프를 사용하지 마세요 — 스크린샷에서 지배적인 기하학적 고딕체 팔레트가 보입니다.
• 무거운 드롭 섀도우에 의존하지 마세요 — 스크린샷에서 깊이감을 위해 매우 미세하고 큰 반경의 섀도우만 사용됩니다.
• 다양한 밝은 색상의 넓은 스펙트럼을 사용하지 마세요 — 스크린샷에서 단색 팔레트와 간헐적인 제품 기반 포인트 색상이 보입니다.
• 밀집된 정보 블록으로 레이아웃을 어지럽히지 마세요 — 스크린샷에서 요소 주변의 상당한 여백이 보입니다.
• 주요 인터랙티브 요소에 날카롭고 사각 모서리를 사용하지 마세요 — 스크린샷에서 일관된 둥근 또는 알약 모양의 반경 사용이 보입니다.
• 대형 디스플레이 헤드라인에 전부 대문자를 사용하지 마세요 — 스크린샷에서 주요 제목에 문장 대문자 형식이 사용됩니다.
• 피하기: 지나치게 캐주얼한 속어나 공격적인 마케팅 용어를 피합니다.
• 피하기: 장인 정신이나 광학과 관련되지 않은 복잡한 기술 용어를 피합니다.

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko