← OpenDesign
큐레이션 · 오픈 · 무료
Lamalama Nl
모든 것을 쏟아붓거나 아예 하지 않는 크리에이티브 디지털 에이전시입니다.
Agency Bold Typography Dark Mode Photographic Expressive
01
디자인 DNA
creative bold unapologetic craft agency
강렬한 영상과 거대하고 콤팩트한 타이포그래피를 결합한 디지털 크리에이티브 스튜디오입니다.
02
컬러
#f9f4ebInk
#ffffffInk soft
#010101BG
#1a1c1cBG soft
#999999Muted
rgba(249, 244, 235, 0.2)Line
높은 대비의 이중성: 따뜻한 오프화이트 텍스트와 깊은 블랙 배경을 디자인하여 거대한 타이포그래피와 사진이 돋보이도록 설계되었습니다.
03
타이포그래피
grotesque-sans · geometric-sans
display 80px · 700heading-1 40px · 500body 16px · 400모든 UI 레이블과 메타데이터는 대문자 모노스페이스 스타일의 트래킹을 사용합니다. · 헤드라인은 좌측 정렬, 콤패크트한 행간을 엄격히 유지합니다. · 본문 텍스트는 약 680px의 편안한 읽기 길이를 유지합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
표준 4px 기본 그리드를 사용하며, 대담한 타이포그래피 요소를 프레이밍하기 위한 넉넉한 여백을 확보합니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 0px
lg · 0px
pill · 9999px
구조적 분리를 위해 엄격히 최소화된 1px solid border를 사용하며, 장식용은 아닙니다.
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
무거운 히어로 섹션, 하단 고정 내비게이션 바, 측면 패널 이미지를 특징으로 하는 비대칭 그리드입니다.
07
모션과 인터랙션
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 1, 0.5, 1) easing
섹션 간 부드러운 페이지 전환. · 상호작용 요소의 섬세한 hover 상태. · 역동적인 배경 이미지 변경.
상호작용 요소에서 미세한 투명도 또는 배경색 변화. · 상태 변경을 통한 즉각적인 시각적 피드백.
08
컴포넌트
button 블러 또는 단색 배경을 사용하는 반투명 둥근 모양의 버튼으로, CTA에 사용됩니다. card 테두리 없이 이미지 중심의 카드로, 구조는 사진에 의존합니다. chip 태그 및 메타데이터에 사용되는 대문자 텍스트 필입니다. input 폼을 위한 최소화된 하단 border 입력 필드입니다. hero 시네마틱한 이미지 위에 과장된 타이포그래피를 배치한, 풀블리드 몰입감 있는 섹션입니다.
09
보이스와 금지 목록
톤 자신감 있고, 직접적이며, 변명하지 않는 어조입니다. 헤드라인 대문자, 콤패�트한 트래킹, 거대한 스케일. CTA 소형 대문자 필에 담긴 미니멀하고 행동 지향적인 텍스트. 텍스트를 가운데 정렬하지 마세요 — 스크린샷은 모든 헤드라인과 본문 텍스트에 대한 엄격한 좌측 정렬을 보여줍니다. 세리프 폰트를 사용하지 마세요 — 스크린샷은 비정형Sans-serif와 기하학적 Sans-serif 카테고리만 사용하는 것을 보여줍니다. 밝은 네온 악센트를 사용하지 마세요 — 스크린샷은 오프화이트와 깊은 블랙의 은은하고 높은 대비의 팔레트를 보여줍니다. 버튼에 과도한 border-radius를 사용하지 마세요 — 스크린샷은 둥근 모양 또는 미세한 둥근 모서리를 보여줍니다. 밀집된 단락 레이아웃을 사용하지 마세요 — 스크린샷은 텍스트 블록 주변의 넉넉한 여백을 보여줍니다. 본문 텍스트에 여러 폰트 두께를 사용하지 마세요 — 스크린샷은 표준 텍스트에 대한 균일한 두께를 보여줍니다. 피하기: 수동적인 언어 피하기: 과장된 형용사 피하기: 가운데 정렬된 텍스트 블록
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
거대한 비정형Sans-serif 타이포그래피와 시네마틱한 사진이 특징인, 대담하고 높은 대비의 크리에이티브 에이전시 웹사이트입니다. 이 디자인은 깊은 블랙(#010101) 배경과 따뜻한 오프화이트(#f9f4eb) 텍스트에 의존합니다. 표시용 타이포그래피는 콤패�트한 행간의 거대한 grotesque-sans 카테고리를 사용하며, 본문은 깔끔한 geometric-sans 카테고리를 사용합니다. 레이아웃은 전문적이고 편집적인 느낌을 유지하기 위해 요소를 중앙 정렬하지 않고 엄격히 좌측 정렬됩니다. 핵심 상호작용에는 부드러운 hover 전환과 몰입감 있는 풀블리드 히어로 섹션이 포함됩니다. 결정적으로, 세리프 폰트, 중앙 정렬된 텍스트, 밝은 네온 악센트, 또는 밀집하고 지저분한 레이아웃을 사용하지 마세요. 시스템은 바쁜 UI 패턴 대신 시각적 임팩트를 통해 '모든 것을 쏟아붓는' 대담함을 강조합니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 극단적인 타이포그래피 스케일과 절제된 색채를 활용하여 강력한 브랜드 프레즌스를 만들어내는, 현대적 에이전시 디자인의 대표적인 예시입니다.