Aeris · Build the city bike you'll actually ride

A city-bike configurator where six choices build a bike — frame size, color, wheels, handlebar, drivetrain, accessories — with a live weight and delivery window updating as you click.

DTC configuratorFrame-size finder (height-based)Bike-shop pickup networkLifetime frame warranty

Designs / Visuals

V1 · 6-choice bike configurator

A city-bike configurator that fits on one page. The bike preview floats left, the configuration stack sits right, with the live spec card pinned. Six choices — frame size, color, wheel size, handlebar style, drivetrain, accessories — each one re-renders the preview and updates total weight / price / delivery ETA. Bright white + chalk panels + hot pink accent + Plus Jakarta Sans display.

Palette: Paper white #FFFFFF · Chalk #F0F1F3 · Hot pink #FF3D6B · Ink #1A1A1F · Cycling green #2DD881
Fonts: Plus Jakarta Sans (display + body) + JetBrains Mono (specs/weights) + Noto Sans JP
Architecture: React 18 UMD + Babel standalone · single-file SPA · static MinIO host
For: Performance + city bike brands selling DTC with under-10 frame platforms
Memorable: Live weight ticks up as you click · color swap re-paints the bike SVG · delivery window scoped to config

Preparing preview…

Full flow: home → list → detail → license → checkout → certPop out:V1