큐레이션 · 오픈 · 무료

Solana

대담한 기하학적 타이포그래피와 생동감 있는 퍼플 액센트가 돋보이는 프리미엄 다크 모드 암호화폐 플랫폼입니다.

01

디자인 DNA

고빈도 트레이딩 터미널과 사이버펑크 인프라의 만남

02

컬러

깊고 절대적인 다크 배경에 생동감 있는 퍼플 하이라이트와 선명한 화이트 타이포그래피를 적용하여 최대 가독성과 미래지향적 느낌을 구현합니다.

03

타이포그래피

geometric-sans · monospace

• display80px · 400
• heading40px · 500
• body21px · 400
• small16px · 400

모든 제목과 본문에 기하학적 산세리프를 사용하여 통일된 기술적 느낌을 유지합니다. · 큰 디스플레이 텍스트에는 임팩트를 위해 좁은 네거티브 자간을 적용합니다. · 모노스페이스는 코드 조각이나 기술 데이터 표현에만 엄격히 사용합니다.

04

여백

기본 단위 4px와 넉넉한 여백을 사용하여 다크 UI가 숨 쉴 수 있도록 합니다.

05

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

1px solid rgba(255,255,255,0.10)

0 1px 2px rgba(0,0,0,0.05) · rgb(54, 27, 64) 0px -4px 12px 0px inset · rgb(195, 124, 224) 0px 1px 0px 0px inset

06

레이아웃

풀폭 다크 히어로와 콘텐츠 및 파트너 쇼케이스를 위한 12컬럼 그리드.

07

모션과 인터랙션

hover 시 미세한 배경 색상 전환 · 상호작용 요소의 매끄러운 색상 및 border-color 전환 · 버튼 상호작용을 위한 Transform 스케일링

미세한 배경 색상 변화와 아이콘 변환. · 기본 액션 버튼에 약간의 스케일 다운 효과.

08

컴포넌트

• button 화이트 배경에 다크 텍스트가 있는 알약 형태의 기본 버튼; 다크 테두리가 있는 보조 버튼.
• card 미세한 테두리와 넉넉한 패딩이 있는 다크 카드로, 주로 파트너 로고를 표시합니다.
• chip 메타데이터 또는 상태 표시를 위한 작은 알약 형태의 태그.
• input 미세한 테두리와 플레이스홀더 텍스트가 있는 다크 입력 필드.
• hero 대형 타이포그래피와 추상적이고 생동감 있는 3D 리본 그래픽이 있는 풀뷰포트 히어로 섹션.

09

보이스와 금지 목록

• 톤 권위적, 기술적, 그리고 비전을 제시하는.
• 헤드라인 규모와 성능을 강조하는 대담하고 임팩트 있는 문구.
• CTA '시작하기'나 '자세히 알아보기'와 같이 직접적이고 행동 지향적인 언어.

• 밝고 채도 높은 배경을 사용하지 않습니다 — 스크린샷은 깊은 다크(#0B0A10) 테마를 보여줍니다.
• 장식적이거나 세리프 서체를 사용하지 않습니다 — 스크린샷은 깔끔한 기하학적 산세리프 타입을 보여줍니다.
• 기본 버튼에 둥근 사각형을 사용하지 않습니다 — 스크린샷은 알약 형태(9999px radius) 버튼을 보여줍니다.
• UI 요소에 복잡한 드롭 섀도우를 사용하지 않습니다 — 스크린샷은 미세한 인셋 글로우 또는 플랫 테두리를 보여줍니다.
• 작고 비좁은 타이포그래피를 사용하지 않습니다 — 스크린샷은 넉넉한 여백과 네거티브 자간이 적용된 크고 여유로운 디스플레이 텍스트를 보여줍니다.
• 다양한 색상을 사용하지 않습니다 — 스크린샷은 다크, 화이트, 퍼블로 엄격히 제한된 팔레트를 보여줍니다.
• 피하기: 장난스럽거나 지나치게 캐주얼한 언어
• 피하기: 맥락 없는 기술 전문 용어
• 피하기: 시각적 혼잡이나 과도한 그라디언트

10

팩 안의 실제 스크린샷

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

11

System Prompt

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