큐레이션 · 오픈 · 무료

Atmos Leeroy Ca

대담한 세리프 타이포그래피와 분위기 있는 그라데이션이 결합된 몰입감 있는 초현실주의적 디지털 경험

01

디자인 DNA

몽환적이고 광활한 느낌의 럭셔리 디지털 매거진 또는 갤러리 공간

02

컬러

몽환적인 블루 투 화이트 그라데이션이 고대비 화이트 타이포그래피와 함께 분위기 있고 초현실적인 하늘을 연상시킵니다

03

타이포그래피

didone-serif · humanist-sans

• display200px · 400
• heading50px · 700
• subtitle30px · 400
• body25px · 400
• small20px · 400

본문 텍스트 및 UI 요소에는 DM Sans를 사용합니다 · 메인 브랜드 워드마크에는 Didone 세리프(예: Times New Roman 또는 _NewYork)를 사용합니다 · 네비게이션 및 원형 텍스트 요소에는 엄격한 대문자를 유지합니다

04

여백

몰입감 있는 히어로 섹션을 위해 144px 및 250px 간격의 넉넉한 padding

05

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

화이트 또는 블랙의 1px 하단 border, 50px radius의 알약 모양 버튼

06

레이아웃

중앙 정렬된 콘텐츠와 넉넉한 수직 간격을 가진 전체 배경 그라데이션

07

모션과 인터랙션

배경 및 불투명도 변화에 대한 1초 linear 전환 · 인터랙티브 요소에 대한 0.5초 cubic-bezier easing · 원형 텍스트 요소에 대한 연속 회전 애니메이션

0.5초 cubic-bezier 타이밍의 부드러운 전환 · 특정 요소에 대한 그래프 커서를 사용하는 표준 포인터 상호작용

08

컴포넌트

• button 알약 모양(50px radius)에 화이트 배경과 대문자 블루 텍스트
• card 미니멀하며, 투명하거나 그라데이션 배경에 넉넉한 padding 사용
• chip 스크린샷에 보이지 않음
• input 스크린샷에 보이지 않음
• hero 전체 화면 그라데이션에 거대한 중앙 세리프 워드마크와 회전하는 원형 텍스트

09

보이스와 금지 목록

• 톤 몽환적, 세련되며, 약간 신비로운
• 헤드라인 클린한 세리프 워드마크와 세리프가 아닌 자막
• CTA 알약 모양 컨테이너의 미니멀한 대문자 텍스트

• 지저분한 레이아웃 사용 금지 — 스크린샷은 넉넉한 여백과 중앙 정렬된 미니멀 구성 보여줌
• 밝은 강조 색상 사용 금지 — 스크린샷은 블루 투 화이트 그라데이션과 화이트 타이포그래피만 사용
• 메인 워드마크에 세리프가 아닌 글꼴 사용 금지 — 스크린샷은 'ATMOS'에 세리프 타이포그래피 사용
• 주요 메시지에 작은 텍스트 사용 금지 — 스크린샷은 메인 브랜드에 200px 디스플레이 타입 사용
• 인터랙티브 요소에 날카로운 모서리 사용 금지 — 스크린샷은 50px 알약 모양 버튼 사용
• 복잡한 네비게이션 사용 금지 — 스크린샷은 단일 'EXPLORE' 호출-투-액션 버튼 사용
• 피하기: 지저분한 인터페이스
• 피하기: 바쁜 배경
• 피하기: 복잡한 네비게이션 패턴
• 피하기: 공격적인 호출-투-액션

10

팩 안의 실제 스크린샷

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

11

System Prompt

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