Design System
Bear Run — visual language & component reference. Internal use.
Brand mark
Base icon of the whole system — Lucide
zap ⚡ (energy / a lightning runner). Used in the logo, favicon, CTAs and feature bullets. BEAR RUN
Colors
Brand blues + cyan, with status colors. Neutrals come from theme tokens (dark / light).
Blue
#2f7bff
Cyan
#1fb6dd
Cyan bright
#5fd0ec
Success
#2bd47e
Hot
#ff7a4d
Muted
#64748b
Ink (dark)
#05101c
Page (light)
#f3f8fc
Typography
Display: Saira (heavy italic). Body: Inter + IBM Plex Sans Thai (Thai auto-fallback).
Display · Saira Black Italic
TRANSFORM EVERY RUN.
Display · Thai
ปลุกหมีในตัวคุณ
Body · Inter / IBM Plex Sans Thai
Find your next race · หางานวิ่งที่เหมาะกับคุณ เลือกระยะ เลือกวัน ลงทะเบียนได้เลย
Buttons
Primary = gradient. Secondary = outline. Chip = filter / toggle.
Tags & badges
Status pills shown on event cards.
FeaturedFreeHot Finished
Icon set
Lucide, stroke width 2 — one consistent family across the product.
Zap
Search
MapPin
Route
Calendar
Clock
Gift
Flag
Bell
ShieldCheck
ArrowRight
ExternalLink
LayoutGrid
List
Moon
Sun
Sprout
Medal
Ticket
Users
Footprints
HeartPulse