큐레이션 · 오픈 · 무료

App Forhims

프리미엄 친근함과 임상적 신뢰를 균형 있게 맞춘 현대 원격의료 브랜드를 위한 세련되고 부드럽게 초점이 맞춰진 미학.

ConsumerProductCleanCalmRefined
App Forhims 스크린샷
OpenDesign 에서 열기

원본 사이트: https://app.forhims.com

01

디자인 DNA

현대적친근한미니멀신뢰할 수 있는여성/남성 혼합

임상적이면서도 편안하게 느껴지는 프리미엄 웰니스 부티크.

02

컬러

#5A5AE6Accent
#1A1A1AInk
#4A4A4AInk soft
#FFFFFFBG
#F8F8FABG soft
#F2F2F5BG quiet
#9A9AAEMuted
rgba(0, 0, 0, 0.06)Line

깨끗한 여백이 레이아웃을 고정하고, 부드러운 그라데이션과 독특한 인디고 악센트가 차분한 분위기를 해치지 않으면서 시각적 흥미를 제공합니다.

03

타이포그래피

transitional-serif · humanist-sans · monospace

제목은 프리미엄하고 에디토리얼한 느낌을 위해 전환 세리프를 사용합니다. · 본문 텍스트와 UI 요소는 가독성을 위해 깨끗한 휴머니스틱산스세리프를 사용합니다. · 디스플레이 세리프와 본문 산스세리프 간의 높은 대비가 현대적이고 친근한 어조를 만듭니다.

04

여백

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

일관되고 넉넉한 간격이 레이아웃의 차분하고 정돈된 프리미엄 느낌을 강조합니다.

05

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

sm · 4px
md · 8px
lg · 16px
pill · 999px

미묘하고 거의 보이지 않는 테두리가 시각적 무게감을 추가하지 않으면서 컨테이너를 정의하는 데 사용됩니다.

0 4px 24px rgba(0, 0, 0, 0.06)

06

레이아웃

1200container
12columns
24pxgutter
768 / 1024breakpoints

모바일에서는 중앙 정렬 단일 열 레이아웃, 데스크톱에서는 최대 너비 컨테이너로 확장하여 강한 수직 축을 유지합니다.

07

모션과 인터랙션

150msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

콘텐츠 로딩을 위한 매끄러운 fade-in. · 스크롤 시 미묘한 parallax 효과.

인터랙티브 요소에서 미묘한 색상 변화 또는 섀도우 상승. · 약간의 크기 또는 색상 변화로 즉각적인 시각적 피드백.

08

컴포넌트

09

보이스와 금지 목록

11

System Prompt

이것은 프리미엄 원격의료 및 소비자 웰니스 브랜드(hims & hers)입니다. 디자인은 깨끗한 흰색 배경에 부드러운 그라데이션과 은은한 인디고 악센트(#5A5AE6)를 사용합니다. 타이포그래피는 굵은 제목에는 전환 세리프를, UI 및 본문 텍스트에는 휴머니스틱산스세리프를 대조적으로 사용합니다. 레이아웃은 넉넉하고 차분하며 매우 집중적이며, 모바일 앱 목업을 중심으로 합니다. 주요 금지 사항: 거친 네온 색상을 사용하지 마세요; 무거운 드롭 섀도우 또는 테두리를 피하세요; 인터페이스를 과도하게 채우지 마세요; 본문 텍스트에 ALL CAPS를 피하세요; 버튼 또는 카드에 네모난 모서리를 사용하지 마세요; 모든 텍스트에 산스세리프 폰트만 사용하지 마세요.

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

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

OpenDesign 스킬 ↗

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