큐레이션 · 오픈 · 무료

Lamalama Nl

모든 것을 쏟아붓거나 아예 하지 않는 크리에이티브 디지털 에이전시입니다.

01

디자인 DNA

강렬한 영상과 거대하고 콤팩트한 타이포그래피를 결합한 디지털 크리에이티브 스튜디오입니다.

02

컬러

높은 대비의 이중성: 따뜻한 오프화이트 텍스트와 깊은 블랙 배경을 디자인하여 거대한 타이포그래피와 사진이 돋보이도록 설계되었습니다.

03

타이포그래피

grotesque-sans · geometric-sans

• display80px · 700
• heading-140px · 500
• body16px · 400

모든 UI 레이블과 메타데이터는 대문자 모노스페이스 스타일의 트래킹을 사용합니다. · 헤드라인은 좌측 정렬, 콤패크트한 행간을 엄격히 유지합니다. · 본문 텍스트는 약 680px의 편안한 읽기 길이를 유지합니다.

04

여백

표준 4px 기본 그리드를 사용하며, 대담한 타이포그래피 요소를 프레이밍하기 위한 넉넉한 여백을 확보합니다.

05

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

구조적 분리를 위해 엄격히 최소화된 1px solid border를 사용하며, 장식용은 아닙니다.

06

레이아웃

무거운 히어로 섹션, 하단 고정 내비게이션 바, 측면 패널 이미지를 특징으로 하는 비대칭 그리드입니다.

07

모션과 인터랙션

섹션 간 부드러운 페이지 전환. · 상호작용 요소의 섬세한 hover 상태. · 역동적인 배경 이미지 변경.

상호작용 요소에서 미세한 투명도 또는 배경색 변화. · 상태 변경을 통한 즉각적인 시각적 피드백.

08

컴포넌트

• button 블러 또는 단색 배경을 사용하는 반투명 둥근 모양의 버튼으로, CTA에 사용됩니다.
• card 테두리 없이 이미지 중심의 카드로, 구조는 사진에 의존합니다.
• chip 태그 및 메타데이터에 사용되는 대문자 텍스트 필입니다.
• input 폼을 위한 최소화된 하단 border 입력 필드입니다.
• hero 시네마틱한 이미지 위에 과장된 타이포그래피를 배치한, 풀블리드 몰입감 있는 섹션입니다.

09

보이스와 금지 목록

• 톤 자신감 있고, 직접적이며, 변명하지 않는 어조입니다.
• 헤드라인 대문자, 콤패�트한 트래킹, 거대한 스케일.
• CTA 소형 대문자 필에 담긴 미니멀하고 행동 지향적인 텍스트.

• 텍스트를 가운데 정렬하지 마세요 — 스크린샷은 모든 헤드라인과 본문 텍스트에 대한 엄격한 좌측 정렬을 보여줍니다.
• 세리프 폰트를 사용하지 마세요 — 스크린샷은 비정형Sans-serif와 기하학적 Sans-serif 카테고리만 사용하는 것을 보여줍니다.
• 밝은 네온 악센트를 사용하지 마세요 — 스크린샷은 오프화이트와 깊은 블랙의 은은하고 높은 대비의 팔레트를 보여줍니다.
• 버튼에 과도한 border-radius를 사용하지 마세요 — 스크린샷은 둥근 모양 또는 미세한 둥근 모서리를 보여줍니다.
• 밀집된 단락 레이아웃을 사용하지 마세요 — 스크린샷은 텍스트 블록 주변의 넉넉한 여백을 보여줍니다.
• 본문 텍스트에 여러 폰트 두께를 사용하지 마세요 — 스크린샷은 표준 텍스트에 대한 균일한 두께를 보여줍니다.
• 피하기: 수동적인 언어
• 피하기: 과장된 형용사
• 피하기: 가운데 정렬된 텍스트 블록

10

팩 안의 실제 스크린샷

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

11

System Prompt

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