ICONOGRAPHY
Lucide icons as the base UI icon system. Stroke-based, rounded corners, 2px stroke width.
ICON STYLE
Library: Lucide
Stroke: 2px
Style: Rounded corners
SIZE SCALE
xs
14px
Inline with small text, badges
sm
16px
Inline with body text
md
20px
Buttons, nav items
lg
24px
Default standalone
xl
32px
Feature callouts
2xl
48px
Hero features, onboarding
ICON COLORS
Default
#F5F5F5
Muted
#9090A0
Accent
#F2B85C
Highlight
#E6594A
Secondary
#7BACA8
KEYPOINT MARKERS
Used in data visualizations and video compositions for data points and milestones.
CIRCLE
DIAMOND
CROSSHAIR