큐레이션 · 오픈 · 무료

Dovetail No

오래 지속되는 기술 기반 기업에 투자합니다.

01

디자인 DNA

기술의 지속성을 위한 투자 수단을 만드는 프리미엄 스튜디오.

02

컬러

단일 색조와 검은색 잉크가 지배하는 따뜻한 고대비 팔레트입니다.

03

타이포그래피

humanist-sans

• display56px · 500
• heading48px · 400
• body-lg28px · 400
• body22px · 400
• caption16px · 400

04

여백

line-height와 padding으로 강제 적용되는 8px 기반 수직 리듬입니다.

05

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

컨테이너에는 테두리 없음; 가끔 2px 구분선 또는 1px 테두리 사용.

06

레이아웃

추상적인 일러스트레이션과 균형을 이루는 대형 타이포그래피를 갖춘 이중 열 분할 레이아웃입니다.

07

모션과 인터랙션

hover 시 색상 및 채우기 전환

탐색 링크와 버튼에서 미세한 색상 또는 불투명도 전환 효과를 적용합니다. · 전환을 통한 즉각적인 시각적 피드백을 제공합니다.

08

컴포넌트

• button 흰색 텍스트 검은색 배경의 반전된 색상을 적용한 고대비 알약 모양 버튼입니다.
• card 최소한의 또는 시각적 테두리 없이 텍스트 중심으로 구성된 깔끔한 카드입니다.
• chip 테두리 없는 단순한 탐색 링크입니다.
• input 해당 없음
• hero 대규모 추상 일러스트레이션과 균형을 이루는 거대한 타이포그래피 문구입니다.

09

보이스와 금지 목록

• 톤 자신감 있고 직접적이며 프리미엄적인 어조입니다.
• 헤드라인 대형, 굵은, 문구 중심의 제목으로, 종종 네거티브 트래킹을 사용합니다.
• CTA 단순하고, 행동을 유도하며, 매우 가독성이 높은 스타일입니다.

• 밝은 강조 색상을 사용하지 마세요 — 스크린샷은 엄격한 투톤 팔레트를 보여줍니다.
• 장난스럽거나 장식적인 서체를 사용하지 마세요 — 스크린샷은 깔끔한 휴머니트 산세리프를 보여줍니다.
• 컨테이너에 그림자 효과를 추가하지 마세요 — 스크린샷은 평면적이고 그림자 없는 표면을 보여줍니다.
• 복잡한 그라데이션을 사용하지 마세요 — 스크린샷은 단일하고 단색의 따뜻한 배경을 보여줍니다.
• 레이아웃을 작은 요소로 복잡하게 만들지 마세요 — 스크린샷은 넓고 타이포그래피 중심의 계층 구조를 보여줍니다.
• 테두리가 있는 둥근 카드를 사용하지 마세요 — 스크린샷은 개방된 공간과 최소한의 시각적 컨테이너를 보여줍니다.
• 피하기: 화려한 그라데이션
• 피하기: 네온 색상
• 피하기: 장난스러운 이모지
• 피하기: 밀도 높은 문단
• 피하기: 복잡한 아이콘그래피

10

팩 안의 실제 스크린샷

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

11

System Prompt

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