Benchy public foundation
A cleaner starting point for benchy.shop.
This repo now uses BenchyStudio’s public shell patterns, reusable primitives, shared breakpoint system, and a Convex Auth foundation instead of a one-off starter layout.
Benchy shop phone preview
Shared pieces, not one-off pages
The homepage and public routes now sit on the same shell, spacing rhythm, and surface primitives taken directly from Benchy’s homepage and lab styling.
Shared shell
Header, footer, white sheet, and blue band
The public layout now reuses the same fixed pill navigation, rounded white sheet, and footer treatment Benchy already uses on its marketing surfaces.
Reusable primitives
Buttons, cards, grid, and page headings
The baseline components now come from Benchy’s source-owned primitives so new public pages can be assembled from the same structural pieces instead of new CSS each time.
Breakpoint system
640px, 768px, and 1024px
Spacing and section padding are aligned to Benchy’s existing breakpoints so mobile, tablet, and desktop behavior stay predictable as the site grows.