Design System v1
Curated. Trusted. Connected.

The visual system behind ShopAllHub.

Brand foundations, color & type tokens, components, voice samples — distilled from the official ShopAllHub Brand Guidelines v1 and the live storefront.

20
Components
4
Brand hues
2
Typefaces
1
Single file
Logomark
36-ray sunburst in 4 brand hues
Wordmark lockup
Mark + ShopAllHub wordmark
Brand icons
Four official shopping-mode pictograms
Photography
Lifestyle moments from the storefront
Voice & tone
Four voice traits with brand-canon copy
Brand hues
Yellow, Coral, Blue, Green
Neutrals
Ink, Line, Surface — warm off-white
Tonal scales
50/100/500/700 for each brand hue
Semantic colors
Action, Info, Success, Warning
Display — Poppins
Headlines, eyebrows, buttons
Body — Nunito
Paragraphs, labels, captions
Type scale
H1–H4 + body + eyebrow ramp
Spacing
4-pt scale, tokens 1–8
Corner radii
xs · sm · md · lg · xl · pill
Elevation
1 · 2 · 3 · pop (tinted coral)
Buttons
Primary pill, secondary outline, tertiary
Inputs
Text fields + search pill
Cards
Outlined (colored 1.5px) and soft-shadow
Badges & chips
Pills for status + filter chips
Product tile
Storefront product card pattern