← OpenDesign
큐레이션 · 오픈 · 무료
Odins Crow
대담한 타이포그래피와 단색 팔레트를 사용하여 권위와 명확성을 전달하는, 강렬한 에디토리얼 에이전시 사이트.
Agency Editorial Bold Typography Restraint Refined
01
디자인 DNA
보존 성장 유산 전략적 대담한
유산과 미래를 잇는 컨설팅을 위한 현대적 디지토리얼 매니페스토.
02
컬러
#2B2B2BInk
#F1EDE8BG
#C9C8C9Muted
rgba(43,43,43,0.8)Line
세련된 에디토리얼 감성을 위한 따뜻한 중성색의 고대비 단색 팔레트.
03
타이포그래피
grotesque-sans · mono
display 187px · 700display-lg 60px · 700display-md 41px · 700body-lg 20px · 400body 16px · 400caption 10px · 400모든 디스플레이 크기에서 좁은 네거티브 자간을 사용합니다. · 엄격한 단색 타이포그래피 계층을 유지합니다. · 작은 레이블과 캡션에 대문자 변환을 적용합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
여유로운 패딩을 위한 4px 기본 그리드.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 12px
pill · 999px
구조적 구분선을 위한 얇은 1px solid 라인, rgba(43,43,43,0.8) 사용.
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
수평선과 같은 전체 너비 구조 요소를 갖춘 단일 열 중앙 정렬 레이아웃.
07
모션과 인터랙션
220ms micro
400ms small
800ms medium
cubic-bezier(0.4, 0, 0, 1) easing
콘텐츠 표시를 위한 섬세한 페이드 및 트랜스폼 트랜지션.
인터랙티브 요소의 미세한 색상 변화 또는 트랜스폼. · 즉각적인 시각적 피드백.
08
컴포넌트
button 배경 채움 없이, 밑줄 또는 얇은 테두리가 있는 미니멀한 텍스트 기반 버튼. card 스크린샷에서 명확히 보이지 않음. chip 스크린샷에서 보이지 않음. input 스크린샷에서 보이지 않음. hero 대형 타이포그래피와 일련의 수평 구조선이 특징인 전체 너비 섹션.
09
보이스와 금지 목록
톤 권위 있고, 간결하며, 미래 지향적. 헤드라인 좁은 간격의 대형 타이포그래피로 된 짧고 강렬한 문구. CTA 직접적이고 행동 지향적, 예: '문의하기'. 선명한 강조색을 사용하지 마세요 — 스크린샷은 엄격한 단색 팔레트를 보여줍니다. 장식용 세리프를 사용하지 마세요 — 스크린샷은 깨끗하고 대담한 고로테크산스를 보여줍니다. 넓은 자간을 사용하지 마세요 — 스크린샷은 좁은 간격의 디스플레이 텍스트를 보여줍니다. 무거운 드롭 섀도우를 사용하지 마세요 — 스크린샷은 플랫하고 깨끗한 표면을 보여줍니다. 모든 것을 중앙 정렬하지 마세요 — 스크린샷은 왼쪽 정렬 텍스트와 구조화된 전체 너비 히어로를 보여줍니다. 둥근 모서리를 과도하게 사용하지 마세요 — 스크린샷은 대부분 날카롭고 직사각형 형태를 보여줍니다. 피하기: 지나치게 캐주얼한 언어 피하기: 과도한 장식 피하기: 복잡한 레이아웃
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이 사이트는 전략적 컨설팅 또는 에이전시를 위한 것으로, 대담하고 에디토리얼한 자신감으로 자신을 포지셔닝합니다. 주요 색상은 따뜻한 오프화이트(#F1EDE8)와 깊은 차콜(#2B2B2B)입니다. 타이포그래피는 강렬한 시각적 임팩트를 만들기 위해 대담하고 좁은 간격의 고로테크산스를 중심으로 구성되어 있습니다. 레이아웃은 깨끗하고 구조화되어 있으며, 주요 디자인 요소로 전체 너비 수평선을 사용합니다. 중요한 주의 사항: 밝은 강조색을 사용하지 말고, 장식적이거나 세리프 폰트를 사용하지 말며, 디스플레이 텍스트에 넓은 자간을 사용하지 마세요. 전체적인 미학은 미니멀리스틱하고 세련되어 있으며, 명확성과 권위에 초점을 맞춥니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 전문 서비스 브랜드를 위한 현대적 에디토리얼 디자인의 강력한 예시로, 대담한 타이포그래피와 절제된 팔레트를 사용하여 권위를 전달합니다.