큐레이션 · 오픈 · 무료

Airstudios

전문 레코딩 스튜디오를 위한 대담하고 예술적인 웹사이트

01

디자인 DNA

하이엔드 레코딩 스튜디오의 디지털 프레즌스

02

컬러

높은 대비를 위해 어두운 텍스트와 함께 사용되는 생동감 넘치는 기본 배경색

03

타이포그래피

grotesque-sans

• display56px · 300
• body14px · 300

가벼운 웨이트(300)가 적극적으로 사용됨 · 내비게이션 및 강조를 위한 대문자 텍스트

04

여백

일관된 패딩과 마진

05

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

구조를 위해 절제된 1px 실선

06

레이아웃

푸터가 column으로 구성된 중앙 정렬 레이아웃

07

모션과 인터랙션

히어로 그래픽을 위한 제너레이티브 애니메이션 · 부드러운 배경색 전환

미묘한 변화 · 즉각적인 반응

08

컴포넌트

• button 보이는 스크린샷에서는 미니멀하거나 존재하지 않음
• card 보이는 카드 없음
• chip 보이는 칩 없음
• input 보이는 입력 필드 없음
• hero 애니메이션 추상 제너레이티브 아트와 미니멀한 텍스트가 있는 전체 화면 히어로

09

보이스와 금지 목록

• 톤 전문적이고 예술적
• 헤드라인 미니멀하고 대담
• CTA 절제되고 기능적

• 무거운 폰트 웨이트를 사용하지 마세요 — 스크린샷에는 가벼운 웨이트(300)가 거의 독점적으로 사용됨
• 복잡한 드롭 섀도우를 사용하지 마세요 — 스크린샷에는 플랫하고 깔끔한 표면이 보임
• 버튼이나 카드에 둥근 모서리를 사용하지 마세요 — 스크린샷에는 날카롭고 직선적인 가장자리가 보임
• 본문 텍스트에 중앙 정렬을 사용하지 마세요 — 스크린샷에는 왼쪽 정렬 텍스트가 보임
• 과도한 패딩을 사용하지 마세요 — 스크린샷에는 타이트하고 효율적인 간격이 보임
• 세리프 폰트를 사용하지 마세요 — 스크린샷에는 그로테스크 산세리프의 일관된 사용이 보임
• 피하기: 지저분함
• 피하기: 균형 잡히지 않은 밝은 기본색
• 피하기: 무거운 폰트

10

팩 안의 실제 스크린샷

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

11

System Prompt

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