큐레이션 · 오픈 · 무료

Redis Agency

깊은 블랙 캔버스 위에 과장된 타이포그래피와 유기적 3D 요소를 활용하여 시각적으로 강렬한 디자인 에이전시 사이트입니다.

01

디자인 DNA

날것의 유기적 질감과 날카로운 모던 타이포그래피를 혼합한 하이엔드 디자인 갤러리입니다.

02

컬러

최대 임팩트를 위해 단 하나의 선명한 핑크 악센트를 더한 고대비 단색 기반입니다.

03

타이포그래피

didone-serif · grotesque-sans

• display90px · 400
• heading36px · 400
• body18px · 400

모든 UI 요소와 본문에 grotesque sans를 사용합니다. · 거대하고 임팩트 있는 헤드라인에는 exclusively didone serif를 사용합니다. · 디스플레이 텍스트의 자간을 좁게 유지하여 에디토리얼 느낌을 강화합니다.

04

여백

풍부한 여백과 넓은 간격을 사용하여 섹션을 구분하고 거대한 타이포그래피가 숨 쉴 수 있도록 합니다.

05

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

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

0px 8px 24px rgba(0,0,0,0.5)

06

레이아웃

거대한 중앙 요소가 지배하는 전체 폭, 가장자리까지 이어지는 레이아웃입니다.

07

모션과 인터랙션

인터랙티브 요소의 매끄러운 불투명도 및 transform 전환. · 버튼과 링크의 hover 효과.

인터랙티브 요소의 섬세한 색상 변화 또는 불투명도 변경. · 즉각적인 시각적 피드백을 제공하는 표준 포인터 인터랙션.

08

컴포넌트

• button 흰색 테두리와 검은색 배경을 가진 알약 모양 버튼입니다.
• card 큰 border-radius와 은은한 다크 그라디언트 또는 단색 배경을 가진 카드입니다.
• hero 거대한 세리프 헤드라인과 떠 있는 3D 유기적 이미지가 있는 몰입감 있는 전면 화면 섹션입니다.

09

보이스와 금지 목록

• 톤 세련되고 직접적이며 약간 아방가르드한 느낌입니다.
• 헤드라인 미니멀리스트이며高度로 표현적이고, 크고 호소력 있는 단어를 사용합니다.
• CTA 뚜렷한 알약 모양으로 둘러싸인 단순하고 행동 지향적인 텍스트입니다.

• 둥글고 친근한 모양을 사용하지 마세요 — 스크린샷은 날카롭고 높은 세리프와 알약 모양 버튼을 보여줍니다.
• 밝거나 다채로운 배경을 사용하지 마세요 — 스크린샷은 지배적인 검은색 배경(#000000)을 보여줍니다.
• 다채로운 팔레트를 사용하지 마세요 — 스크린샷은 단 하나의 핑크 악센트가 있는 엄격한 흰색, 검은색, 회색 체계를 보여줍니다.
• 작고 절제된 타이포그래피를 사용하지 마세요 — 스크린샷은 거대하고 과장된 디스플레이 텍스트를 보여줍니다.
• 복잡하고 지저분한 레이아웃을 사용하지 마세요 — 스크린샷은 넓은 여백과 집중된 단일 요소를 보여줍니다.
• 부드럽고 파스텔 악센트 색상을 사용하지 마세요 — 스크린샷은 선명하고 높은 채도의 핑크(#EB516D)를 보여줍니다.
• 피하기: 지나치게 친근한 전문 용어
• 피하기: 과도한 구두점
• 피하기: 일반적인 기업 언어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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