App Store Button
모바일 앱 배포 링크에 사용하는 뱃지형 버튼입니다. Google Play, App Store, Mac App Store, Galaxy Store, AppGallery를 지원합니다.
Figma 컴포넌트: Mobile app store badge
Store
Style
Brand (검은 배경) 또는 Outline (흰 배경) 두 가지 스타일을 제공합니다.
Brand
Outline
Size
두 가지 사이즈 — md (40px), lg (44px).
주의사항
실제 프로덕션에서는 각 스토어의 공식 브랜드 가이드라인을 준수해야 합니다. 이 컴포넌트는 디자인 시스템 내 프로토타입/내부 문서에서의 레이아웃 참고용입니다. 프로덕션 배포 페이지에서는 각 스토어에서 제공하는 SVG 뱃지 자산을 사용하세요:
- Google Play — Brand assets (opens in a new tab)
- App Store / Mac App Store — Marketing resources (opens in a new tab)
- Galaxy Store — Badge guidelines (opens in a new tab)
- AppGallery — Brand resources (opens in a new tab)
Props
| Prop | Type | Default | Description |
|---|---|---|---|
store | google-play | app-store | mac-app-store | galaxy-store | appgallery | google-play | 앱 스토어 종류 |
style | brand | outline | brand | 스타일 — 검은 배경(Brand) 또는 흰 배경(Outline) |
size | md | lg | md | 뱃지 높이 — md(40px) / lg(44px) |
Figma Variants
| Property | Values |
|---|---|
| Store | Google Play App Store Mac App Store Galaxy Store AppGallery |
| Style | Brand Outline |
| Size | md lg |