큐레이션 · 오픈 · 무료

Mybrentano Ch

자연적인 통합 건강 관리 제품을 위한 깔끔하고 편집적인 전자상거래 사이트.

ProductEditorialCleanRestraintPhotographic
Mybrentano Ch 스크린샷
↓ 디자인 시스템 다운로드 (10 MB)OpenDesign 에서 열기

원본 사이트: https://mybrentano.ch

📦 팩 내용 보기 →

01

디자인 DNA

자연적인통합적인건강 관리약국약방

깔끔한 미학과 유기적 따스함을 결합한 현대적, 디지털 네이티브 약방.

02

컬러

#212529Ink
#FBF5F1BG
rgba(33,37,41,1.0)Line

따뜻한 베이지와 잉크 톤을 사용한 고대비 자연 팔레트.

03

타이포그래피

monospaced-sans · sans-serif

모든 타이포그래피는 깔끔한 기하학적 sans-serif 계열을 사용합니다. · 헤드라인은 기술적 정확성을 위해 monospaced 변형을 활용합니다. · 글꼴 두께는 모든 텍스트에서 일관되게 regular(400)를 유지합니다.

04

여백

4px
8px
16px
24px
32px
48px
64px
96px

기본 단위 4px를 표준으로 사용한 넉넉한 여백.

05

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

sm · 4px
md · 0px
lg · 0px
pill · 999px

구조와 구분을 위해 1px solid 검정 테두리를 사용합니다.

06

레이아웃

1440container
12columns
24pxgutter
768 / 1024breakpoints

상단 탐색 바와 콘텐츠를 위한 세로 스택 흐름을 갖춘 그리드 기반.

07

모션과 인터랙션

200msmicro
300mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

호버 상태에서의 부드러운 transform 전환 · 페이지 전환 시 부드러운 easing

인터랙티브 요소에서 절제된 불투명도 또는 색상 변화. · 모든 클릭 가능 영역에 표준 포인터 커서.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

이 웹사이트는 자연 건강 관리 제품을 위한 디지털 약방으로, 깔끔하고 편집적인 레이아웃을 사용합니다. 팔레트는 따뜻한 베이지 배경(#FBF5F1)과 잉크(#212529)에 의존합니다. 타이포그래피는 헤드라인용 monospaced-sans와 본문용 깔끔한 sans-serif를 혼합 사용합니다. 중요 금지 사항: 드롭 섀도우, 그라데이션 배경, 컨테이너의 둥근 모서리 사용을 피하십시오. 디자인은 구조를 위해 얇은 검정 테두리와 넉넉한 여백에 의존합니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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