스타일 가이드

AyniHealth 브랜드 웹사이트, 인쇄물, 소셜 미디어 제작을 위한 실무 레퍼런스입니다.

로고

AyniHealth 로고는 블루-퍼플 그라데이션 심볼과 워드마크로 구성됩니다. 로고 주변에 충분한 여백을 확보하고, 비율을 왜곡하지 마세요.

로고 & 브랜드명 조합

AyniHealth^™

로고 그라데이션: 로고마크는 딥 블루(#1539ba)에서 바이올렛(#b04cc3)으로 이어지는 다단계 선형 그라데이션을 사용합니다.

#1539ba → #b04cc3

로고 에셋 다운로드

Adobe Illustrator (.ai)

원본

621 KB — 레이어와 그라데이션 정의가 포함된 편집 가능 원본

벡터 (확대/축소 가능, 인쇄 및 대형 포맷용)

SVG

4 KB — 웹, 반응형 레이아웃, 아이콘에 적합

PDF

285 KB — 문서 및 간판용 인쇄 벡터

비트맵 (고정 해상도, 웹 및 소셜 미디어용)

PNG (1334 x 1334)

169 KB — 투명 배경, 고해상도

JPEG (667 x 667)

111 KB — 흰색 배경, 작은 파일 크기

컬러 팔레트

주요 컬러

Ayni Purple

HEX: #9370db

OKLCH: oklch(0.61 0.22 293)

버튼, 링크, 제목, 인터랙티브 요소 등 플랫폼 전반에 사용됩니다.

로고 그라데이션

#1539ba

#b04cc3

로고마크와 히어로 장식 요소에만 사용합니다. 텍스트 색상으로 사용하지 마세요.

디자인 시스템 토큰

배경

--background

전경

--foreground

카드

--card

음소거

--muted

음소거 전경

--muted-foreground

테두리

--border

타이포그래피

기본 폰트

AyniHealth는 Geist Sans를 기본 서체로 사용하며, Inter와 system-ui를 대체 서체로 지정합니다. Geist는 UI, 마케팅, 인쇄물 전반에 사용됩니다.

Geist Sans → Inter → system-ui → sans-serif

폰트 굵기

Bold (700)

페이지 제목, 히어로 헤딩

Semibold (600)

섹션 제목, 카드 타이틀, 로고 워드마크

Medium (500)

네비게이션, 레이블, 강조

Regular (400)

본문, 설명

상표 및 사용 규정

브랜드를 텍스트로 언급할 때, 문서나 페이지의 첫 번째 언급 시 항상 상표 표시를 포함하세요.

첫 번째 언급: AyniHealth™ (상표 기호 포함)
이후 언급: AyniHealth (기호 불필요)
브랜드 맥락에서 "Ayni Health" (두 단어)로 표기하지 마세요
제품명: Connect, Catalyst, Compass (대문자, 상표 기호 없음)
법인: AyniHealth Group