오토픽 웹사이트에서 사용되는 UI 컴포넌트와 디자인 토큰에 대한 종합 가이드입니다.
기본 폰트: Asta Sans (아스타산스)
제작: 42dot (현대자동차 그룹) | 가변 폰트 지원
font-light = 300font-normal = 400font-medium = 500font-semibold = 600font-bold = 700font-extrabold = 800H1 - Hero 제목
text-3xl sm:text-4xl md:text-5xl font-extrabold
H2 - 섹션 제목
text-3xl sm:text-4xl font-extrabold
H3 - 카드 제목
text-lg md:text-xl font-bold
본문 텍스트
불필요한 유통 마진을 최소화한 렌트/리스 견적 비교 플랫폼입니다. 투명한 가격으로 최적의 조건을 찾아드립니다.
text-base font-normal leading-relaxed
중간 강조 (Medium)
전문 상담사가 최적의 조건을 찾아드립니다.
text-base font-medium
강조 (Semibold)
최대 30% 할인 혜택
text-base font-semibold
강한 강조 (Bold)
월 납입금 289,000원부터
text-base font-bold
보조 텍스트 (캡션)
48개월 / 연 15,000km 기준
text-sm font-normal text-muted-foreground
소형 텍스트
* 실제 견적은 조건에 따라 달라질 수 있습니다.
text-xs font-normal
버튼 텍스트
text-base font-bold / text-lg font-bold
bg-background
bg-foreground
bg-primary
bg-secondary
bg-muted
bg-accent
bg-destructive
bg-card
variant="default"
variant="secondary"
variant="destructive"
variant="outline"
variant="ghost"
variant="link"
size="lg"
size="default"
size="sm"
size="icon"
새로운 프로젝트를 한 번의 클릭으로 배포하세요.
| 청구서 | 상태 | 결제 수단 | 금액 |
|---|---|---|---|
| INV001 | 지불 완료 | 신용카드 | 250,000원 |
| INV002 | 대기중 | PayPal | 150,000원 |
계정 정보를 수정합니다. 완료되면 저장을 클릭하세요.