큐레이션 · 오픈 · 무료

Earlydog

대담한 타이포그래피와 추상적 형태를 통해 클라우드 인프라를 인간적으로 만드는 장난스럽고 기하학적인 SaaS 브랜딩입니다.

01

디자인 DNA

클라우드 운영을 위한 디지털 바우하우스 스튜디오

02

컬러

따뜻한 크림 베이스에 기본 색상 팝을 사용하는 고대비 기하학적 팔레트

03

타이포그래피

geometric-sans · humanist-sans · monospace

• display116px · 700
• display-md80px · 700
• body18px · 400

04

여백

120px-128px 섹션 패딩으로 넉넉한 수직 간격

05

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

버튼에는 1px solid rgba(0, 6, 9, 0.1), 활성 상태에는 3px solid

06

레이아웃

텍스트/그래픽 비대칭 분할을 사용한 풀블리드 히어로

07

모션과 인터랙션

전역 all 속성 전환 적용

인터랙티브 요소의 미세한 상태 변화 · 즉각적인 응답

08

컴포넌트

• button 두꺼운 검정 테두리와 굵은 텍스트가 적용된 알약 형태의 아웃라인 버튼
• card 해당 없음 - 전통적인 대신 그래픽 구성을 사용하는 레이아웃
• chip 해당 없음
• input 해당 없음
• hero 굵은 2줄 헤드라인과 기하학적 그래픽 구성을 배치한 큰 분할 레이아웃

09

보이스와 금지 목록

• 톤 전문적이면서도 접근 가능한
• 헤드라인 굵고, 직접적이며, 혜택 중심의
• CTA 명확한 동사가 포함된 간단한 알약 버튼

• 어두운 배경을 사용하지 마세요 - 스크린샷은 따뜻한 크림(#FFF9F0) 베이스를 보여줍니다
• 세리프 타이포그래피를 사용하지 마세요 - 스크린샷은 기하학적 및 휴머니스트산세리프 폰트만 보여줍니다
• 그림자가 있는 둥근 카드를 사용하지 마세요 - 스크린샷은 그림자 없는 평면 기하학적 구성을 보여줍니다
• 채도가 낮고 채도가 떨어지는 색상을 사용하지 마세요 - 스크린샷은 고채도 기본 악센트(블루, 오렌지, 옐로우)를 보여줍니다
• 그라데이션 배경을 사용하지 마세요 - 스크린샷은 단색 평면 색상과 기하학적 형태를 보여줍니다
• 얇고 가벼운 타이포그래피를 사용하지 마세요 - 스크린샷은 타이트한 자간의 700 웨이트 굵은 헤드라인을 보여줍니다
• 표준 직사각형 버튼을 사용하지 마세요 - 스크린샷은 두꺼운 검정 테두리가 있는 알약 형태 버튼을 보여줍니다
• 피하기: 전문 용어가 과도한 언어
• 피하기: 다크 모드 미학
• 피하기: 사실적인 이미지

10

팩 안의 실제 스크린샷

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

11

System Prompt

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