큐레이션 · 오픈 · 무료

Aplos

세련된 보타니컬 음료를 위한 프리미엄 D2C 브랜드로, 풍부한 다크 이미지와 정제된 세리프 타이포그래피를 특징으로 합니다.

01

디자인 DNA

제로프루트 스피릿을 위한 현대 럭셔리 약국.

02

컬러

가독성과 집중을 위한 따뜻한 오프화이트 표면의 고대비 모노크롬 기반.

03

타이포그래피

transitional-serif · humanist-sans

• display40px · 400
• subtitle26px · 400
• body13px · 400

04

여백

3px의 엄격한 배수, 12px와 24px를 주요 거터로 사용.

05

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

입력 필드와 컨테이너를 정의하는 미세한 1px 보더와 inset box-shadow.

rgb(180, 174, 172) 0px 0px 0px 1px inset

06

레이아웃

대형 중앙 모달 오버레이가 있는 전체 블리드 다크 히어로.

07

모션과 인터랙션

인터랙티브 요소를 위한 매끄러운 배경 및 색상 전환 · 채우기 및 hover 상태를 위한 transform 애니메이션

인터랙티브 요소에 미세한 색상 및 배경 전환. · 표준 포인터 커서로 즉각적인 시각적 응답.

08

컴포넌트

• button 주요 액션을 위한 흰색 텍스트의 고대비 블랙 필 또는 큰 반경 버튼.
• card 한쪽에 시네마틱 이미지, 다른 쪽에 깔끔하고 기능적인 폼이 있는 분할 뷰 모달.
• input 미세한 1px inset box-shadow와 약간 둥근 모서리가 있는 깔끔한 텍스트 입력.
• hero 분위기 있는 조명과 오버레이 타이포그래피가 있는 대규모 포토그래픽 히어로.

09

보이스와 금지 목록

• 톤 세련되고 자신감 있으며 초대하는.
• 헤드라인 좁은 자간의 크고 정제된 세리프 헤드라인.
• CTA 예: 'Shop Now' 또는 'Continue'와 같이 직접적이고 액션 지향적인.

• 밝은 악센트 색상을 사용하지 마세요 — 스크린샷은 블랙, 화이트, 오프화이트의 엄격한 팔레트를 보여줍니다.
• 큰 반경의 둥근 버튼을 사용하지 마세요 — 스크린샷은 더 미세하고 현대적인 5px 반경의 버튼을 보여줍니다.
• 디스플레이용 일반 산세리프 폰트를 사용하지 마세요 — 스크린샷은 모든 주요 헤드라인에 트랜지션 세리프를 보여줍니다.
• 복잡한 다중 컬럼 레이아웃을 사용하지 마세요 — 스크린샷은 깔끔하고 집중된 분할 뷰 모달과 전체 블리드 히어로를 보여줍니다.
• 메인 사이트를 위해 밝고 가벼운 배경을 사용하지 마세요 — 스크린샷은 지배적인 깊은 블랙 배경을 보여줍니다.
• 공격적인 드롭 섀도우를 사용하지 마세요 — 스크린샷은 정의를 위해 미세한 inset box-shadow와 보더를 보여줍니다.
• 피하기: 선명한 네온 색상
• 피하기: 장난스럽거나 지나치게 캐주얼한 언어
• 피하기: 복잡하고 지저분한 레이아웃
• 피하기: 일반적인 산세리프 헤드라인

10

팩 안의 실제 스크린샷

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

11

System Prompt

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