큐레이션 · 오픈 · 무료

Replay Software

당신의 Mac을 위한 궁극의 음악 액세서리.

01

디자인 DNA

macOS 환경에 자연스럽게 어우러는 세련된 데스크톱 음악 컨트롤러.

02

컬러

명확성과 집중을 위한 높은 대비의 어두운 텍스트가 있는 깔끔한 흰색 캔버스.

03

타이포그래피

geometric-sans · humanist-sans

• display64px · 700
• heading40px · 700
• body18px · 400

제목은 좁은 자간의 굵고 기하학적인 sans-serif를 사용합니다. · 본문은 매우 가독성 높은 humanist sans-serif입니다. · 명확한 계층 구조를 위해 큰 타이포그래피 크기가 레이아웃을 지배합니다.

04

여백

넉넉한 수직 간격은 큰 타이포그래피를 강조하고 차분하고 프리미엄 느낌을 만들어냅니다.

05

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

인터랙티브 요소에 섬세하고 얇은 테두리.

0 4px 24px rgba(0,0,0,0.08)

06

레이아웃

주목할 만한 히어로 그래픽과 명확한 타이포그래피 계층이 있는 중앙 정렬된 단일 열 레이아웃.

07

모션과 인터랙션

버튼과 내비게이션 항목에 대한 hover 전환.

인터랙티브 요소에 섬세한 색상 변화 또는 그림자 변화. · 즉각적인 시각적 피드백, 아마도 약간의 크기나 불투명도 변화.

08

컴포넌트

• button 단색 채우기, 높은 대비 텍스트, 섬세한 그림자 또는 테두리가 있는 알약 모양 또는 둥근 직사각형.
• card 메인 제품 그래픽에 사용되며, 둥근 모서리와 부드러운 드롭 그림자가 있는 큰 이미지를 특징으로 합니다.
• chip 제품 전환을 위한 헤더의 작고 둥근 알약 모양 내비게이션.
• hero 맥락 안에서 제품을 전시하는 큰 중앙 그래픽과 떠 있는 장식 요소.

09

보이스와 금지 목록

• 톤 자신감 있고 미니멀하며 프리미엄.
• 헤드라인 직접적이고 굵으며 이점 중심적인 문장.
• CTA 해당 시 가격 정보가 포함된 명확하고 행동 지향적인 텍스트.

• 다크 모드를 사용하지 마세요 — 스크린샷은 주로 흰색 배경을 보여줍니다.
• 얇고 섬세한 타이포그래피를 사용하지 마세요 — 스크린샷은 굵고 진한 폰트 웨이트를 사용합니다.
• 복잡한 그리드 레이아웃을 사용하지 마세요 — 스크린샷은 간단하고 중앙 정렬된 단일 열 레이아웃을 사용합니다.
• 채도 낮고 바랜 색상 팔레트를 사용하지 마세요 — 스크린샷은 생동감 넘치는 다채로운 제품 그래픽을 특징으로 합니다.
• 좁고 비좁은 간격을 사용하지 마세요 — 스크린샷은 요소 주위에 넉넉한 여백을 특징으로 합니다.
• 화려하거나 장식적인 글꼴을 사용하지 마세요 — 스크린샷은 깔끔하고 기하학적인 sans-serif 타이포그래피를 사용합니다.
• 피하기: 전문 용어
• 피하기: 지나치게 기술적인 언어
• 피하기: 복잡한 레이아웃

11

System Prompt

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