큐레이션 · 오픈 · 무료

The FWA

큐레이션된 디지털 우수성을 위한 깔끔한 콘텐츠 우선 전시 공간.

01

디자인 DNA

수상 웹 디자인을 위한 정제된 디지털 뮤지엄 또는 큐레이션 갤러리.

02

컬러

섬세한 질감과 단 하나의 생생한 옐로우 포인트를 활용해 큐레이션된 콘텐츠를 프레이밍하는 단색 캔버스.

03

타이포그래피

grotesque-sans · humanist-sans · monospace

• display56px · 400
• body16px · 400
• caption14px · 300

카테고리 라벨과 날짜에 대문자 텍스트 변환 적용 · 보조 정보에는 얇은 굵기(300) 사용 · 모든 콘텐츠 블록에 엄격한 좌측 정렬

04

여백

모든 내부 패딩과 마진에 일관된 4px 그리드 사용.

05

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

콘텐츠 블록 분리와 그리드 구조 정의를 위한 1px 얇은 테두리.

0 1px 3px rgba(0,0,0,0.1)

06

레이아웃

큰 미디어 블록과 좁은 메타데이터 컬럼을 결합한 구조화된 비대칭 그리드.

07

모션과 인터랙션

인터랙티브 상태 변화를 위한 페이드 인/아웃 · 콘텐츠 reveal을 위한 슬라이드 인 애니메이션

커서가 포인터로 변경되며 미묘한 투명도 또는 색상 변화. · 직접적인 네비게이션 또는 미디어 재생 트리거.

08

컴포넌트

• button 명확한 패딩을 가진 텍스트 기반 버튼과 아웃라인 필 형태.
• card 섬세한 픽셀 패턴 배경과 구조화된 메타데이터 라벨을 특징으로 하는 큰 미디어 카드.
• chip 카테고리를 위한 작은 대문자 텍스트 라벨.
• input 얇은 테두리의 표형 드롭다운 셀렉터.
• hero 오버레이 텍스트와 인터랙티브 재생 컨트ROLS가 포함된 전체 너비 미디어 컨테이너.

09

보이스와 금지 목록

• 톤 전문적이고 권위 있으며, 매우 큐레이션된.
• 헤드라인 깔끔한 큰 숫자와 직접적인 프로젝트 제목의 조합.
• CTA 기능적이고 직접적 (예: '케이스 보기', '프로젝트 실행').

• 복잡한 그라데이션 사용 금지 — 스크린샷은 섬세한 픽셀 질감이 있는 평면 흰색 배경을 보여줍니다.
• 모든 요소에 굵은 폰트 사용 금지 — 기본은 400과 300 굵기가 주를 이룹니다.
• 모든 곳에 생생한 색상 사용 금지 — 팔레트는 단 하나의 옐로우 포인트 외에는 엄격히 단색입니다.
• 공격적인 둥근 모서리 사용 금지 — 기본은 매우 작은 2px~5px 반경입니다.
• 좁은 간격 사용 금지 — 기본은 주요 영역에 넉넉한 20px와 44px 패딩을 사용합니다.
• 중앙 정렬 텍스트 사용 금지 — 스크린샷은 엄격한 좌측 정렬 타이포그래피 계층을 보여줍니다.
• 피하기: 과도한 마케팅 용어
• 피하기: 장식적인 타이포그래피
• 피하기: 지나치게 캐주얼한 어조

10

팩 안의 실제 스크린샷

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

11

System Prompt

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