Project C — Mesh Component System

Color variables, Mesh/Background (theme + device), Button/Input/Chip/Weather components. Swap a theme, restyle the mesh — no rebuilding blobs.

1 · Color Variables

mesh/dark
#F97316
mesh/mid
#FDBA74
mesh/light
#FFF7ED
text/primary
#111111
text/secondary
#6B7280
action/default
#F97316
action/on-action
#FFFFFF

2 · Components

Button/Primary
Button/Secondary
Input/Default
Chip/Size
100g
250g
500g

3 · Mesh/Background — Theme prop (sunset · sky · grape · mango)

sunset
Sunset
Warm, energetic.
sky
Sky
Cool, focused.
grape
Grape
Premium, calm.
mango
Mango
Bright, friendly.

4 · Example Screens (components only)

Weather/Card
31°
Islamabad
Sunny
↑ 31°   ↓ 16°
Subscribe
Join 2,000+
subscribers
Stay in the loop.
Onboarding
Explore the
coolest collections.
Curated picks, updated daily.
Product
El Paseo Espresso
Single-origin, medium roast.
100g
250g
500g
$18.00