## Overview
A sun-soaked storefront poster: cream backgrounds, royal-blue posters, and red CTA pills. Inspired by family-run mochi parlors and corner-store snack labels — chunky condensed headlines, full-bleed product photography, and a circular feature ring. Friendly, hand-made, unmistakably American small-business.
## Colors
- **Cream** (`#FFF6DD`): Default canvas. Hero, marquee, mosaic, footer.
- **Royal blue** (`#1E40AF`): Quote slabs, feature ring background, the "FROM OUR FAMILY" panel.
- **Cherry red** (`#DC2626`): All CTA pills, sale tags, dot accents.
- **Navy** (`#0B1F4D`): Body copy, headlines on cream.
- **Sunny yellow** (`#F59E0B`): Sticker callouts, the "A SWEET START" highlight ring.
## Typography
- **Headline**: Tonka Trial — variable, used at 800. Always uppercase. 56–112px on poster headlines, 28–36px on card titles. No tracking adjustments.
- **Body**: Aconchego Text — 14–16px, weight 500. Comfortable line-height 1.55.
- **Pill labels**: Tonka Trial 700 uppercase 13px with 0.14em tracking.
## Elevation
No shadows. Depth comes from (1) full-bleed product photography on rounded cream cards, (2) the contrast between cream canvas and saturated royal-blue/cherry-red poster slabs, and (3) overlapping circular pills on the feature ring. Everything sits flat, like a printed grocery insert.
## Components
- **CTA pill**: Cherry red `#DC2626`, white bold uppercase copy, `rounded-full`, `px-8 py-4`. Hover darkens to `#B91C1C`.
- **Photo cards**: `rounded-[28px]`, full-bleed image, no caption overlays — captions sit beneath or on cream sticker pills.
- **Feature pill (circular)**: 180px circle, blue outline + cream interior, navy uppercase label centered. Used in the family ring.
- **Marquee**: Cream strip, 24px tall, navy uppercase pills separated by red dots.
- **Section heading**: Tonka Trial, 800, uppercase, navy on cream / cream on blue. 56–96px, line-height 0.92.
## Do's and Don'ts
- Do center poster headlines and let them dominate the section.
- Do reserve red for one-per-section CTA pills and dot separators.
- Do use circular outline pills (180px) for benefit callouts in the family ring.
- Do let product photography go edge-to-edge inside cream rounded cards.
- Don't introduce gradients — every block is a solid color.
- Don't use shadows or glassmorphism.
- Don't shrink the headline below 44px on desktop.
- Don't use mid-grays — text is always navy or cream.