큐레이션 · 오픈 · 무료

Moving Brands

조직이 보이고 경험되는 방식을 형성하는 글로벌 크리에이티브 기업.

01

디자인 DNA

강렬한 네온 악센트가 있는 자정의 디자인 스튜디오.

02

컬러

핵심 작업을 위해 단 하나의 공격적인 네온 차트루즈 악센트가 더해진 고대비 모노크롬 베이스.

03

타이포그래피

humanist-sans

• display56px · 400
• display-md32px · 400
• body-lg23px · 400
• body19px · 400
• body-sm15px · 400
• label15px · 500

표시용 및 본문 타이포그래피는 통일된 인간주의 산세리프 계열을 사용하여 현대적이고 조화로운 느낌을 줍니다. · 어두운 배경에서의 가독성을 위해 넉넉한 행간을 유지합니다. · 상호작용 레이블과 보조 강조에는 가중치 500을 절제하여 사용합니다.

04

여백

넉넉한 수직 리듬은 어두운 캔버스의 확장적이고 프리미엄적인 느낌을 강조합니다.

05

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

최소화되며 거의 보이지 않습니다. 구분을 위해 주로 여백과 색상 대비에 의존합니다.

0px 32px 68px rgba(0, 0, 0, 0.3)

06

레이아웃

히어로를 위해 넉넉한 단일 열 중앙 정렬 콘텐츠를 사용하고, 서비스 섹션에서는 다중 열 격자로 확장됩니다.

07

모션과 인터랙션

부드러운 페이지 전환과 배경 위치 변화. · 콘텐츠 섹션을 위한 은은한 페이드인.

부드러운 배경색 또는 색상 전환. · 약간의 스케일 또는 색상 변화로 즉각적인 시각적 피드백.

08

컴포넌트

• button 네온 배경과 어두운 텍스트가 있는 고대비 단색 블록; 날카롭거나 약간 둥근 모서리.
• card 일반적으로 테두리가 없으며, 어두운 표면 위에서 넉넉한 여백과 타이포그래피 계층에 크게 의존합니다.
• hero 명확하고 간결한 가치 제안과 방향성 단서가 포함된 거대한 중앙 정렬 타이포그래피.

09

보이스와 금지 목록

• 톤 자신감 있고 선도적이며 전문적입니다.
• 헤드라인 직설적이고 행동 지향적이며 확장적입니다.
• CTA 간단하고 명료하며 매우 잘 보입니다.

• 세리프 타이포그래피를 사용하지 마세요 — 스크린샷은 전체적으로 깔끔한 인간주의 산세리프를 보여줍니다.
• 여러 밝은 악센트 색상을 사용하지 마세요 — 스크린샷은 단 하나의 지배적인 네온 차트루즈를 보여줍니다.
• 밝거나 흰색 배경을 사용하지 마세요 — 스크린샷은 주요 캔버스로 깊은 블랙 배경을 보여줍니다.
• UI 요소로 레이아웃을 지나치게 채우지 마세요 — 스크린샷은 넉넉한 여백과 최소한의 컴포넌트를 보여줍니다.
• 연하고 저대비 텍스트 색상을 사용하지 마세요 — 스크린샷은 순백과 밝은 회색으로 높은 대비를 유지합니다.
• 복잡하고 겹치는 장식 요소를 사용하지 마세요 — 스크린샷은 매우 절제된 텍스트 중심 디자인을 보여줍니다.
• 피하기: 지저분한 인터페이스
• 피하기: 저채도 또는 파스텔 팔레트
• 피하기: 세리프 타이포그래피
• 피하기: 지나치게 복잡한 격자 시스템
• 피하기: 과도한 테두리 또는 드롭 섀도우

10

팩 안의 실제 스크린샷

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

11

System Prompt

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