큐레이션 · 오픈 · 무료

Dsanddurga

대담하고 브루탈리스트 스타일의 타이포그래피와 그리드 중심의 에디토리얼 레이아웃을 사용하여 날것의, 아방가르드한 미학을 만드는 프리미엄 향수 및 라이프스타일 브랜드.

01

디자인 DNA

하이엔드 매거진 레이아웃과 브루탈리스트 산업 창고의 만남.

02

컬러

크림 배경의 고대비 블랙 타이포그래피와 대형 사진 히어로 요소를 사용하며, 세련되고 기능적인 느낌을 유지하기 위해 밝은 액센트를 피합니다.

03

타이포그래피

grotesque-sans

• display64px · 700
• headline28px · 700
• body14px · 400

내비게이션과 소형 레이블에는 모두 대문자를 사용합니다 · 대형 디스플레이 텍스트에는 타이트한 행간(0.9 - 1.0)을 사용합니다 · 다양한 폰트 패밀리 대신 굵기와 대소문자로 엄격한 타이포그래피 계층을 유지합니다

04

여백

사진 레이아웃과 대형 타이포그래피 블록에 의해 결정되는 불규칙한 그리드 기반 리듬으로, 엄격한 수직 리듬보다 비주얼 임팩트를 우선시합니다.

05

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

그리드 셀과 테두리를 정의하기 위해 사용되는 1px 얇은 실선 블랙 라인으로, 엄격하고 구조화된 레이아웃을 만듭니다.

06

레이아웃

대형, 고임팩트 사진 요소와 겹쳐진 타이포그래피 블록을 사용하는 엄격한 그리드 기반 레이아웃입니다. 종종 하드 보더로 분할된 풀브리드 이미지를 사용합니다.

07

모션과 인터랙션

텍스트 오버레이의 미세한 페이드 인 · 캐러셀의 부드러운 슬라이딩

링크와 버튼의 미세한 투명도 변화. · 약간의 스케일 또는 투명도 감소로 즉각적인 피드백.

08

컴포넌트

• button 간단한 텍스트 링크 또는 필 모양 버튼, 종종 대문자입니다.
• card 하드 보더로 정의된 그리드 셀로, 이미지와 겹쳐진 타이포그래피를 포함합니다.
• chip 간단한 텍스트 태그 또는 뱃지 (예: 'LIMITED EDITION COLLAB')
• input 얇은 테두리의 미니멀한 텍스트 필드입니다.
• hero 겹쳐진 대담한 타이포그래피가 있는 대형 전폭 사진 이미지입니다.

09

보이스와 금지 목록

• 톤 자신감 있고, 직접적이며, 다소 신비로운 느낌.
• 헤드라인 짧고 강렬하며, 종종 관념적이거나 도발적입니다.
• CTA 미니멀하고 기능적이며, 종종 화살표 또는 간단한 텍스트 링크입니다.

• 드롭 섀도우나 부드러운 그라데이션을 사용하지 마세요 — 스크린샷은 하드 보더가 있는 평면적인 브루탈리스트 미학을 보여줍니다.
• 여러 폰트 패밀리를 사용하지 마세요 — 스크린샷은 단일 일관된 고트릭산스-serif 타이포그래피 패밀리에 의존합니다.
• 밝고 채도 높은 액센트 컬러를 사용하지 마세요 — 스크린샷은 블랙, 크림, 사진으로 구성된 무채색 팔레트를 보여줍니다.
• 컨테이너에 둥근 모서리를 사용하지 마세요 — 스크린샷은 그리드 셀의 날카로운 90도 각도를 보여줍니다.
• 대형 텍스트 블록에 중앙 정렬 텍스트를 사용하지 마세요 — 스크린샷은 종종 왼쪽 정렬 또는 플러시 왼쪽 타이포그래피를 사용합니다.
• 복잡한 계층 구조 뒤에 내비게이션을 숨기지 마세요 — 스크린샷은 평면적이고 눈에 띄는 상단 내비게이션 바를 보여줍니다.
• 피하기: 지나친 느낌표 사용
• 피하기: 지나치게 묘사적인 형용사
• 피하기: 범용적인 마케팅 용어

11

System Prompt

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