Open Now
The Daily Brew
A warm neighborhood café with specialty coffee, quiet corners, and excellent pastries for slow mornings.
Shared Layout System
Reusable components for the website
This page acts as a reference for the shared layout, section spacing, typography, buttons, cards, and utility patterns that should be reused across the site.
Typography Scale
Heading sizes, body copy, and supporting text should follow the same tokens across every page.
Section Layout
Use consistent section spacing, inner widths, and card styling to avoid one-off page-specific styling.
- Shared container width
- Reusable section spacing
- Consistent card surfaces
Skeleton / loading state
Shown while a shop's image is still downloading — disappears automatically once it loads.
Empty state — Top Picks (when no shops are published/featured yet)
No coffee shops yet
We're adding local spots — check back soon for new coffee shops to discover.
Archive Page Elements
Directory listing components
Prototypes for the Archive/Directory page — breadcrumb, search bar, filter sidebar (with a mobile drawer), flat listing cards, results toolbar, pagination, and the empty state — all built from the same shared tokens and components as the rest of the site.
Empty state (when filters/search return nothing)
No coffee shops match your filters
Try removing a filter or searching a different keyword.