큐레이션 · 오픈 · 무료

Allcapstype

눈에 띄는 네온 마agenta 시그니처를 가진 깔끔하고 타이포그래피 중심의 파운드리 사이트.

01

디자인 DNA

타이포그래피가 예술인 깨끗한 갤러리.

02

컬러

단일 강렬한 네온 마agenta 악센트가 있는 고대비 단색.

03

타이포그래피

grotesque-sans · monospaced

• display432px · 500
• heading32px · 400
• body12px · 400

세련되고 여유로운 느낌을 유지하기 위해 UI 텍스트에 넓은 자간을 사용합니다. · 통일되고 모던한 외관을 위해 폰트 웨이트를 400과 500으로 엄격히 유지합니다. · 디스플레이 타이포그래피는 예외적으로 크고 표현적으로 허용합니다.

04

여백

넉넉한 수평 간격을 가진 비대칭.

05

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

없음; 분리를 위해 간격과 색상에 의존.

06

레이아웃

전폭 히어로 섹션과 그 뒤를 타이포 시편 그리드가 따름.

07

모션과 인터랙션

인터랙티브 요소를 위한 부드러운 투명도 및 변환 트랜지션. · hover 시 미묘한 스케일 또는 색상 변화.

미묘한 색상 변화 또는 투명도 변경. · 즉각적인 시각적 피드백.

08

컴포넌트

• button 네온 마agenta 배경의 고대비 알약 모양 버튼.
• card 타이포그래피에 초점을 맞춘 타이포 시편을 제공하는 미니멀리스트 카드.
• chip 스타일 수와 메타데이터를 위한 작고 깔끔한 태그.
• input 최소한의 테두리 없는 입력 필드.
• hero 부드러운 네온 마agenta 글로우 효과를 가진 지배적인 디스플레이 타입.

09

보이스와 금지 목록

• 톤 전문적이고 세련되며 약간 장난스러운.
• 헤드라인 볼드하고 디스플레이 중심이며, 종종 네온 글로우 포함.
• CTA 직설적이고 행동 지향적 (예: '구매').

• 어두운 배경을 주요 표면으로 사용하지 않습니다 — 스크린샷은 밝은 흰색 캔버스를 보여줍니다.
• 네온 마agenta 악센트를 큰 텍스트 블록에 적용하지 않습니다 — 이는 소규모 인터랙티브 요소와 히어로 글로우를 위해 예약되어 있습니다.
• 대부분의 요소에 둥근 모서리를 사용하지 않습니다 — 스크린샷은 대부분 사각형이거나 매우 약간 둥근 요소를 보여줍니다.
• 깊이를 위해 드롭 섀도우를 사용하지 않습니다 — 디자인은 평면 표면과 색상 대비에 의존합니다.
• 작고 비좁은 타이포그래피를 사용하지 않습니다 — 디자인은 대규모와 넉넉한 여백을 우선시합니다.
• 복잡한 다색 그래디언트를 사용하지 않습니다 — 팔레트는 엄격히 단색과 단일 악센트입니다.
• 피하기: 지나치게 캐주얼하거나 대화체인 언어를 피합니다.
• 피하기: 불필요한 텍스트로 인터페이스를 어지럽히지 않습니다.
• 피하기: 여러 경쟁 악센트 색상을 사용하지 않습니다.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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