잡 마켓플레이스에서 채용보상금까지, 같은 시스템으로.
BUTTONS · 6 variants × 5 sizes
INPUTS · 48 height · radius-12 · focus glow 3px rgba blue 16%INPUTS · 48 height · radius-12 · focus glow 3px rgba blue 20%
CHIPS · invert-fill active · brand variant · #태그 패턴
TOGGLE · CHECKBOX · 44×26 / 20 · radius-full / 6
FEEDBACK · toast (bg-inverse + green-600 ic) · alert (subtle bg + semantic fg)
JOB CARD
카드에 표시된 회사명·근무지·공고 제목·경력 조건·채용보상금과 마감 배지는 모두 레이아웃 시연용 더미 데이터이며, 실제 채용 공고나 보상금 액수가 아닙니다.
MARKETING HERO BANNER · navy → blue-800 → magenta @ 120°
원티드 PRO
1:1 코칭 + 시장 데이터 + 회사 매칭을 한 구독으로 묶었어요.
RADIO · checkbox와 짝 · 20px
TAG · # 접두 정적 라벨
BADGE · 시맨틱 + dot + count
AVATAR · 브랜드 그라디언트 · company · 그룹
TOOLTIP · 다크 버블
SEGMENTED · 상호배타 뷰 전환
TABS · 언더라인 active
PAGINATION · invert-fill active
STEPPER · 수량 입력
BREADCRUMB · 경로
LIST CELL · leading / body / trailing
CARD · 기본(헤어라인) + shadow 변형
TABLE · tabular-nums 숫자 열 · row hover
표에 든 회사명·포지션·경력 조건·채용보상금은 레이아웃 시연용 더미 데이터입니다 — 실제 채용 공고나 보상금 액수가 아닙니다.
| 회사 | 포지션 | 경력 | 채용보상금 |
|---|---|---|---|
| 원티드랩 | 프론트엔드 | 5–10년 | 1,500,000 |
| 토스 | 프로덕트 디자이너 | 3–7년 | 2,000,000 |
| 당근 | 백엔드 (Go) | 무관 | 1,200,000 |
ACCORDION · 회전 chevron
DIVIDER · subtle / strong / thick
PROGRESS · SKELETON · SPINNER
MODAL · 중앙 다이얼로그
작성한 지원서는 저장되지 않아요.
BOTTOM SHEET · 모바일
추천순 · 최신순 · 마감임박순
DROPDOWN MENU
INLINE ALERT · info / success / warning / danger
EMPTY STATE · 56px 아이콘 원형 + CTA
이력서를 등록하면 맞춤 포지션을 추천해 드려요.
