큐레이션 · 오픈 · 무료

Ouraring

세련되고 절제된 미적 감각으로 건강을 추적하는 프리미엄 스마트 링.

01

디자인 DNA

일상생활에 자연스럽게 녹아드는 프리미엄 건강 기기.

02

컬러

따뜻하고 흙빛의 중성색에 인터랙티브 요소용 클리니컬 블루 액센트 하나를 적용합니다.

03

타이포그래피

transitional-serif · humanist-sans

• display80px · 400
• heading40px · 400
• body16px · 400

04

여백

기본 4px 격자를 기반으로, 프리미엄 느낌을 위해 세로 간격을 넉넉히 둡니다.

05

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

기본 구분선용 1px solid #ECECEC

0 1px 0 rgba(255, 255, 255, 0.06) inset

06

레이아웃

여백을 넉넉히 둔 중앙 정렬 단일 컬럼 콘텐츠와 간헐적인 나란히 배치된 모달.

07

모션과 인터랙션

상태 변경 시 부드러운 페이드 전환 · hover 시 미세한 색상과 불투명도 변화

0.15초 동안 부드러운 색상과 불투명도 전환 · 미세한 피드백을 동반한 즉각적인 상태 변경

08

컴포넌트

• button 알약 형태의 단색 다크 배경에 텍스트는 화이트 또는 블루 배경.
• card 미세한 테두리가 있거나 눈에 보이는 카드 없이 사진에 의존하는 깔끔한 형태.
• input 가장자리가 둥근 알약 형태 입력 필드에 가벼운 테두리.
• hero 시네마틱한 제품 사진과 큰 타이포그래피 헤드라인.

09

보이스와 금지 목록

• 톤 자신감 있고, 우아하며, 직관적인 어조.
• 헤드라인 소문자 또는 문장 단위 대문자를 사용하는 짧고 임팩트 있는 구절.
• CTA '탐색' 또는 '계속'과 같은 단순하고 행동 지향적인 동사.

• 밝고, 네온이며, 공격적인 액센트 색상을 사용하지 마세요 — 스크린샷은 따뜻한 중성색 배경에 은은한 블루 액센트(#2A72DE) 하나만 보여줍니다.
• 기본 버튼에 날카롭고 직사각형 모서리를 사용하지 마세요 — 스크린샷은 완전히 둥근 알약 형태 버튼(border-radius: 9999px)을 보여줍니다.
• 헤드라인에 무겁고 네모난 산세리프 폰트를 사용하지 마세요 — 스크린샷은 디스플레이 텍스트용 세련된 세리프 폰트(Editorial New)를 보여줍니다.
• 경쟁하는 여러 시각 요소로 인터페이스를 복잡하게 만들지 마세요 — 스크린샷은 넉넉한 여백과 미니멀한 UI 크롬을 보여줍니다.
• 기본값으로 딱딱하고 순수한 블랙 배경을 사용하지 마세요 — 스크린샷은 따뜻한 오프화이트 배경(#F7F1E8) 또는 다크 그레이(#4A4741)를 보여줍니다.
• 좁고 조밀한 타이포그래피나 타이트한 행간을 사용하지 마세요 — 스크린샷은 넉넉한 간격을 둔 크고 읽기 쉬운 텍스트를 보여줍니다.
• 피하기: 공격적인 판매 언어
• 피하기: 기술 사양에 대한 과도한 전문 용어
• 피하기: 복잡하고 지저분한 시각적 레이아웃
• 피하기: 화려하고 높은 채도의 색상 구성

10

팩 안의 실제 스크린샷

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

11

System Prompt

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