선드라이토마토

햇볕에 말린 토마토의 색으로 만든 디자인 시스템 — 팔레트와 핵심 컴포넌트.

Sundrytomatos 토마토트레블 적용 v1.0 · 2026

팔레트

토마토 / Primary
#B7362A
버튼·강조·선택 상태
딥 토마토
#8A281F
눌림·헤드라인·hover
토마토 틴트
#F6E0DB
토널 버튼·연한 배경
바질 / Secondary
#566A37
보조 강조·성공·태그
선 골드 / Tertiary
#CE8324
경고·하이라이트
그라운드
#FCF7F1
페이지 배경
잉크
#291F1A
본문 텍스트
잉크 소프트
#6E625A
보조 텍스트

시맨틱 — 성공 #566A37 · 경고 #CE8324 · 위험 #C23B2C · 경계선 #ECE0D4

타이포그래피

Display서울 3일, 맛있게
Heading이 계획이 실제로 말이 되나요
Body장소를 추가하면 이동 시간과 체류 시간을 합해 하루가 물리적으로 실현 가능한지 알려줍니다.
Data / Label14:30 · 이동 12분 · 체류 1시간

System grotesque (800/700/400) + Mono(라벨·수치). 세리프·테라코타 클리셰 배제.

컨트롤

버튼
칩 (지역·선택)
입력
장소 이름 또는 지도 링크

핵심 컴포넌트 · 토마토트레블

여행 카드
도쿄D-12
2026.07.05 ~ 07.08 · 3박 4일
일정 14곳공유중
일정 카드
2
청와대소금구이
14:00 · 봉은사로 · 체류 1시간
하루 요약 배지 · 현실성
이동 1시간 20분 · 체류 3시간 · 5곳 이동 3시간 · 6곳 · 빠듯해요 이동 5시간 30분 · 8곳 · 무리한 하루
이동 수단 칩
12분 5분 8분
지도 · 케이싱 경로 + 순번
1 2 3 4
모양 토큰
카드 · 16px
컨트롤 · pill
칩·타일 · 12–14px
선드라이토마토 디자인 시스템 Flutter ColorScheme + web CSS 변수 단일 소스