큐레이션 · 오픈 · 무료

Redbrick Coffee

깔끔한 화이트 캔버스 위에 우아한 세리프 타이포그래피와 대담한 레드 브랜딩을 결합한 정교한 커피 브랜드.

01

디자인 DNA

세련된 에디토리얼 미학을 갖춘 프리미엄 커피 로스터리.

02

컬러

지배적인 브랜드 레드를 깔끔한 화이트 및 라이트 그레이 기반에 대비시키는 고대비 조합.

03

타이포그래피

didone-serif · geometric-sans

• display105px · 400
• heading30px · 400
• body20px · 400

디스플레이 타이포그래피는 우아하고 전통적인 인상을 주기 위해 고대비 Didone 세리프를 사용합니다. · 본문 타이포그래피는 현대적인 가독성을 위해 깔끔한 기하학적 산세리프를 사용합니다. · 탐색 링크와 본문은 세련된 느낌을 위해 표준 두께로 설정합니다.

04

여백

공기 있고 프리미엄 느낌을 주기 위해 4px 그리드 기반의 넉넉한 패딩.

05

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

섹션을 구분하기 위한 브랜드 레드 또는 라이트 그레이의 얇은 1px 테두리.

06

레이아웃

넉넉한 여백과 교대로 배치된 전체 폭 섹션을 가진 깔끔한 그리드 기반 레이아웃.

07

모션과 인터랙션

인터랙티브 요소에서의 부드러운 색상 및 배경 전환. · 동적 콘텐츠의 점진적인 페이드 인.

링크에서의 미묘한 색상 또는 텍스트 장식 변경. · 표준 링크 탐색 및 제품 선택.

08

컴포넌트

• button 레드 텍스트 기반 탐색 링크; 보이지 않거나 최소화된 솔리드 버튼 스타일.
• card _soft 그레이 배경과 이미지를 위한 두드러진 둥근 모서리를 가진 제품 카드.
• hero 한쪽에는 거대한 세리프 타이포그래피, 반대쪽에는 둥근 이미지를 배치한 대담한 분할 화면 히어로.

09

보이스와 금지 목록

• 톤 자신감 있고, 친근하며, 약간의 아티장 감성.
• 헤드라인 브랜드의 프리미엄 위치를 정의하는 크고 우아한 세리프 문장.
• CTA 디자인을 압도하지 않으면서 사용자를 안내하는 간결하고 직접적인 텍스트 링크.

• 소문자 브랜드명을 사용하지 마세요 — 스크린샷에는 'REDBRICK'이 모두 대문자로 표시됩니다.
• 네온색 또는 과도하게 채도 높은 악센트 색상을 사용하지 마세요 — 스크린샷에는 통제된 전통적인 레드가 표시됩니다.
• 지나치게 복잡한 기하학적 패턴을 사용하지 마세요 — 스크린샷에는 깨끗한 여백과 단순한 단색 배경이 표시됩니다.
• 요소에 두꺼운 박스 섀도우를 사용하지 마세요 — 스크린샷에는 테두리나 배경으로 구분된 플랫 표면이 표시됩니다.
• 캐주얼한 둥근 산세리프 디스플레이 폰트를 사용하지 마세요 — 스크린샷에는 우아한 Didone 세리프가 헤드라인에 사용됩니다.
• 많은 작은 아이콘으로 인터페이스를 복잡하게 만들지 마세요 — 스크린샷에는 미니멀하고 텍스트 중심의 탐색이 표시됩니다.
• 피하기: 두꺼운 드롭 섀도우
• 피하기: 눈부시고 불협화음의 네온 컬러
• 피하기: 지나치게 복잡한 기하학적 패턴
• 피하기: 공격적인 대문자 텍스트

10

팩 안의 실제 스크린샷

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

11

System Prompt

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