큐레이션 · 오픈 · 무료

R/GA

거대한 타이포그래피와 엄격한 모노크롬 팔레트를 활용하여 크리에이티브한 권위와 기술적 자신감을 드러내는 대담하고 고대비의 에이전시 사이트입니다.

01

디자인 DNA

정밀하게 설계된 산업 디자인 기업

02

컬러

절대적인 흑백 사이의 극적인 대비에 날카로운 레드 악센트 하나를 배치합니다.

03

타이포그래피

grotesque-sans

• display120px · 700
• heading27px · 700
• body16px · 400

히어로 텍스트는 좁은 자간과 무거운 글꼴 두께로 전면 대문자로 설정됩니다. · 본문 텍스트는 깔끔하고 읽기 쉬운 grotesque-sans를 사용합니다. · 큰 디스플레이 타입은 좁은 행간, 본문 텍스트는 편안한 행간을 적용합니다.

04

여백

주요 섹션 사이에는 넉넉한 수직 간격을, 콘텐츠 블록 내부에는 촘촘한 그룹핑을 적용합니다.

05

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

최소한의, 일반적으로 구분선용 밝은 회색(#E6E6E6) 1px 선입니다.

06

레이아웃

전체 폭의 히어로 섹션 뒤에 흰색 배경의 깔끔한 좌측 정렬 콘텐츠 블록이 이어집니다.

07

모션과 인터랙션

인터랙티브 요소의 색상 및 불투명도 전환.

내비게이션 링크의 색상 전환(0.3s ease-in-out)입니다. · 모든 인터랙티브 요소에 대한 표준 포인터 커서입니다.

08

컴포넌트

• button 헤더에서 전면 대문자로 표시되는 깔끔한 텍스트 기반 내비게이션 링크입니다.
• card 보이지 않습니다. 레이아웃은 섹션 기반입니다.
• chip 보이지 않습니다.
• input 보이지 않습니다.
• hero 지배적인 전면 대문자 흰색 타이포그래피가 있는 거대한 전체 뷰포트 흑색 섹션입니다.

09

보이스와 금지 목록

• 톤 자신감 있고 권위적이며 미래지향적입니다.
• 헤드라인 역량과 목적에 대한 선언적인 전면 대문자 문장입니다.
• CTA '도움을 드릴 수 있는 방법을 확인하세요'와 같이 단순하고 직접적인 초대입니다.

• gradient를 사용하지 마세요 — 디자인은 단색, 평면적인 색상 블록을 사용합니다.
• _soft shadow를 사용하지 마세요 — 표면은 대비와 깔끔한 선으로 정의됩니다.
• 주요 컨테이너에 둥근 모서리를 사용하지 마세요 — 미학은 날카롭고 직사각형입니다.
• 채도가 낮고 저대비인 색상을 사용하지 마세요 — 팔레트는 흑백과 단일 레드 악센트로 엄격하게 구성됩니다.
• 메인 레이아웃에 장식용 일러스트레이션을 사용하지 마세요 — 타이포그래피가 주요 시각 요소입니다.
• 텍스트를 중앙 정렬하지 마세요 — 헤드라인과 본문 텍스트는 좌측 정렬입니다.
• 피하기: 귀엽거나 지나치게 캐주얼한 언어.
• 피하기: 장식적이거나 지나치게 복잡한 시각 요소.
• 피하기: 지저분한 레이아웃이나 저대비 텍스트.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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