큐레이션 · 오픈 · 무료

6Am Glass

과감한 스케일과 급진적 간격을 가진 고대비, 타이포그래피 기반 디자인 시스템.

01

디자인 DNA

텍스트가 조각품인 브루탈리즘 갤러리 전시.

02

컬러

최대 대비를 가진 엄격한 단색 계열.

03

타이포그래피

grotesque-sans

• display72px · 400
• body15px · 400
• caption14px · 400

모든 타이포그래피는 강렬한 효과를 위해 대문자로 표기합니다. · 타이트한 자간 음수값을 사용하여 큰 텍스트 블록을 밀집시킵니다. · 급진적 행간을 통해 밀도 높고 건축적인 텍스트 덩어리를 만듭니다.

04

여백

불규칙하고 비대칭적이며, 크고 극적인 간격을 선호합니다.

05

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

버튼과 같은 기능적 요소에만 엄격하게 사용되는 1px 실선 검정 테두리.

rgba(0, 0, 0, 0.15) 0px 0px 0px 1px

06

레이아웃

텍스트 블록이 반대편 코너를 고정하는 밀도 높은 비대칭 격자.

07

모션과 인터랙션

미세한 페이드 · 즉각적인 전환

텍스트 링크에서 커서는 포인터로 유지되며, 눈에 띄는 스타일 변화는 없음. · 직관적이고 즉각적임.

08

컴포넌트

• button 타이트하고 대문자 레이블을 가진 미니멀한 윤곽선 사각형.
• card 제공된 스크린샷에서는 확인되지 않음.
• chip 제공된 스크린샷에서는 확인되지 않음.
• input 제공된 스크린샷에서는 확인되지 않음.
• hero 비대칭 정렬과 극단적 스케일을 사용한 거대한 타이포그래피 선언.

09

보이스와 금지 목록

• 톤 직설적이고 권위적이며 정적인.
• 헤드라인 거대하고 공격적이며 건축적인.
• CTA 미세하고 기능적이며, 작은 캡슐형이나 링크로 제시됨.

• 색상 강조를 사용하지 마세요 — 스크린샷은 엄격한 단색 팔레트를 보여줍니다
• 부드럽거나 둥근 형태를 사용하지 마세요 — 스크린샷은 날카롭고 기하학적인 모서리를 보여줍니다
• 장식적 세리프 서체를 사용하지 마세요 — 스크린샷은 굵고 산업적인 고딕체를 보여줍니다
• 큰 텍스트 블록을 중앙 정렬하지 마세요 — 스크린샷은 좌측, 우측 및 비대칭적 정렬을 보여줍니다
• 넓은 본문 여백을 사용하지 마세요 — 스크린샷은 타이트하고 밀도 높은 텍스트 덩어리를 보여줍니다
• 드롭 섀도우나 3D 효과를 사용하지 마세요 — 스크린샷은 평면적인 2D 표면을 보여줍니다
• 피하기: 장식적 요소
• 피하기: 색상 강조
• 피하기: 친근한 인사말
• 피하기: 복잡한 그라디언트

10

팩 안의 실제 스크린샷

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

11

System Prompt

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