큐레이션 · 오픈 · 무료

PlanetScale

개발자를 위한 고성능, 모노스페이스 중심 데이터베이스 인프라 플랫폼입니다.

01

디자인 DNA

데이터베이스용 신뢰할 수 있는 명령줄 유틸리티 같은 개발자 도구입니다.

02

컬러

주황색 포인트와 모노스페이스 타이포그래피를 사용한 고대비 유틸리티 팔레트입니다.

03

타이포그래피

geometric-sans · monospace

• display24px · 600

모든 본문 텍스트와 내비게이션에 모노스페이스 폰트를 사용합니다. · 텍스트 내 강조에 볼드 두께를 사용합니다. · 링크는 파란색으로 표시합니다.

04

여백

모듈형 간격을 위한 일관된 24px 간격입니다.

05

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

구조 요소와 그리드에 1px solid #414141을 사용합니다.

06

레이아웃

고정 폭 컨테이너를 사용한 단일 열 콘텐츠 레이아웃입니다.

07

모션과 인터랙션

표준 상태 전환 (hover, focus, active).

대화형 요소의 색상 전환입니다. · 표준 버튼 및 링크 동작입니다.

08

컴포넌트

• button 단색 배경색을 사용한 둥근 형태입니다.
• card 로고 표시를 위한 그리드 기반 카드입니다.
• chip 없음
• input 없음
• hero 지원 문단과 로고 그리드가 포함된 굵은 제목입니다.

09

보이스와 금지 목록

• 톤 자신감 있고, 기술적이며, 직설적입니다.
• 헤드라인 굵고 선언적입니다.
• CTA 단순하고 행동 지향적입니다 (예: '문의하기').

• 세리프 폰트를 사용하지 마세요 — 스크린샷에는 모노스페이스와 산세리프가 표시됩니다.
• 부드럽고 둥근 모서리를 사용하지 마세요 — 스크린샷에는 둥근 버튼과 날카로운 그리드 라인이 표시됩니다.
• 미세한 그림자를 사용하지 마세요 — 스크린샷에는 평면적이고 테두리 기반의 표면이 표시됩니다.
• 저채도, 저대비 팔레트를 사용하지 마세요 — 스크린샷에는 고대비 흑백과 굵은 포인트가 표시됩니다.
• 서체나 장식용 서체를 사용하지 마세요 — 스크린샷에는 엄격히 기능적인 타이포그래피가 표시됩니다.
• 복잡한 다색 그래디언트를 사용하지 마세요 — 스크린샷에는 단색 배경색이 표시됩니다.
• 피하기: 맥락 없는 전문 용어 설명.
• 피하기: 지나치게 캐주얼하거나 장난스러운 표현.
• 피하기: 시각적 혼란이나 불필요한 장식 요소.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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