← OpenDesign
큐레이션 · 오픈 · 무료
Iveeapp
프리미엄 홈 및 클리닉 기반 IV 요법 및 웰니스 서비스.
Consumer Premium Photographic Clean Product
01
디자인 DNA
의료 IV 요법 웰니스 프리미엄 의학
부티크 의료 클리닉과 라이프스타일 브랜드의 만남
02
컬러
#FC6B42Accent
#0C4170Ink
#C4E3FABG
#F5F9FDBG soft
#FAF4E6BG quiet
rgba(12,65,112,0.2)Line
차분한 하늘색으로 임상적 신뢰를 확보하고 따뜻한 산호빛 실행 색상으로 포인트를 줍니다.
03
타이포그래피
transitional-serif · humanist-sans
display 52px · 400body 14px · 400label 12px · 500모든 주요 헤드라인과 가격 정보에는 트지션 세리프를 사용합니다. · UI 라벨 및 내비게이션에는 휴머니스트 산스를 사용합니다. · 대문자 라벨에는 넉넉한 자간을 적용합니다. · 깨끗하고 개방적인 타이포그래피 리듬을 유지합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
프리미엄스럽고 여유로운 느낌을 강조하는 개방적 간격
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 10px
lg · 20px
pill · 40px
기본 잉크 색상 또는 투명 잉크를 사용한 미세한 1px 테두리
0px 0px 30px 0px rgba(0,0,0,0)
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
중앙 정렬된 모달 오버레이가 있는 표준 전체 폭 영웅 영역
07
모션과 인터랙션
150ms micro
400ms small
800ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
오버레이 및 모달을 위한 부드러운 불투명도 전환 · hover 시 부드러운 색상 및 배경색 전환
대화형 요소에 대한 미세한 색상 변화와 불투명도 변경 · 전환 속성을 통한 즉각적인 시각적 반응
08
컴포넌트
button 강조 또는 아웃라인 스타일을 사용하는 알약 모양의 CTA 버튼 card 넉넉한 패딩과 미세한 테두리가 있는 깨끗한 카드 chip 가격 또는 위치 세부 정보를 위한 작은 둥근 뱃지 input 명확한 초점 상태와 필수 표시기가 있는 깨끗한 입력 필드 hero 고품질 라이프스타일 이미지가 포함된 전체 폭 사진 영웅 영역
09
보이스와 금지 목록
톤 전문적이며, 친근하고, 명확합니다. 헤드라인 트지션 세리프를 사용하는 직접적이고 혜택 중심적인 스타일 CTA 행동 지향적이고 대문자 스타일 네온이나 강한 색상을 사용하지 마십시오 — 스크린샷은 하늘색과 산호빛의 차분한 팔레트를 보여줍니다. 무거운 기하학적 산스를 사용하지 마십시오 — 스크린샷은 더 부드러운 휴머니스트 산스와 트지션 세리프 쌍을 보여줍니다. 어두운 배경을 주요 테마로 사용하지 마십시오 — 스크린샷은 밝은 파란색과 흰색이 주를 이룹니다. 날카롭고 네모난 UI 요소를 사용하지 마십시오 — 스크린샷은 둥근 모서리와 알약 모양의 버튼을 특징으로 합니다. 지나치게 많은 색상으로 인터페이스를 어지럽히지 마십시오 — 스크린샷은 주로 파란색과 산호빛의 두 가지 색 구성표를 사용합니다. 작고 비좁은 타이포그래피를 사용하지 마십시오 — 스크린샷은 넉넉한 자간과 명확한 계층 구조를 보여줍니다. 피하기: 공격적인 의학 용어 피하기: 지나치게 복잡한 기술 전문 용어 피하기: 지저분하거나 밀도 높은 레이아웃
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이것은 프리미엄 의료 및 웰니스 서비스 웹사이트입니다. 디자인 DNA는 기본 하늘색 배경(#C4E3FA)과 호출 작업을 위한 생생한 산호빛 강조색(#FC6B42)을 사용하여 차분하면서도 친근한 임상 미학을 중심으로 합니다. 타이포그래피는 강렬한 헤드라인을 위한 클래식 트지션 세리프와 UI 요소 및 본문 텍스트를 위한 깨끗한 휴머니스트 산스세리프를 쌍으로 하여 세련되고 신뢰할 수 있는 느낌을 줍니다. 핵심 디자인 제약 조건: 지나치게 어둡거나 임상적인 색상 팔레트를 피하고; 날카로운 기하학적 타이포그래피를 사용하지 않으며; 모든 대화형 요소가 친근하고 프리미엄스러운 분위기를 유지하도록 둥근 모서리와 알약 모양을 사용합니다. 레이아웃은 제공되는 서비스의 하이엔드 특성을 반영하기 위해 넉넉한 여백으로 개방적으로 유지되어야 합니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 신중한 색상 및 타이포그래피 선택을 통해 임상적 의료 느낌과 프리미엄 라이프스타일 브랜드의 균형을 효과적으로 이룹니다.