04-bold-contemporary

04-bold-contemporary
Source URL
https://cedric-et-la-chocolaterie.com
Status
ready
Created by
manual

Extracted metadata

Palette
#000000
#f3ead7
#6b4423
#b78256
Vibe
era: contemporary warmth: cool formality: bold
Vision analysis (read-only)
## Palette
- `#3A1F12` — Primary dark (deep cocoa brown, used for full-bleed hero backgrounds and product photography base)
- `#F2E6D8` — Background cream (main canvas for content sections, warm off-white)
- `#A86B3D` — Accent bronze/caramel (used for oversized headline keywords like "PASTRY CHEF'S CHOCOLATE")
- `#6B4423` — Mid-tone brown (secondary text, captions, section labels)
- `#FFFFFF` — Pure white (used sparingly in white chocolate imagery and contrast points)
- `#1A1A1A` — Near-black (body text on cream, footer)

## Typography
- **Headings**: Bold contemporary serif/sans-serif hybrid with characterful display weight — uppercase, condensed-to-normal width, slightly geometric with sharp terminals. Feels editorial/fashion-magazine. Used at very large sizes (80-140px) for hero headlines.
- **Body & Labels**: Clean modern sans-serif, all caps for section labels with wide tracking (e.g. "MARSHMALLOWS", "SPREADS", "BEGGARS", "THE ESSENTIALS"). Small size (11-13px), generous letter-spacing (~0.15em).
- **Hierarchy**: Massive contrast between hero display type (huge, accent color) and tiny uppercase metadata/labels. Almost no mid-sized type.
- **Weights**: Headlines bold/black; labels regular; product names regular at small size.

## Layout patterns
- Full-bleed hero image at top with minimal overlay text (small logo top-left, tiny "DISCOVER" label bottom-left, pagination indicator "02 · 02" bottom-center)
- Content sections centered with generous side margins (~max-width 1200-1300px) on cream background
- 3-column grid for category teasers (Marshmallows / Spreads / Beggars), perfectly square images, tiny uppercase label above each
- 2-column grid for product features ("The Essentials") with very large image-to-text ratio
- 6-column horizontal product strip ("Our Bars") with uniform image cards
- Generous vertical whitespace between sections (~120-160px padding)
- Footer on cream with multi-column links, oversized brand wordmark at bottom
- Rhythm: full-bleed image → cream section with grid → full-bleed image → cream section, alternating

## Imagery
- Editorial macro photography filling entire frames — chocolate bars on bed of almonds/hazelnuts, dripping chocolate, truffles arranged graphically
- Monochromatic brown tonality throughout — every image lives in the cocoa palette
- High art direction: products styled as still-life, dramatic lighting, often shot top-down
- Square crops in grids, full-bleed for hero/divider sections
- The product IS the graphic — no illustrations, icons, or decorative elements
- Images placed edge-to-edge with no borders, captions sit below in tiny type

## Micro-copy
- English, confident, restrained
- Headlines short and declarative: "PASTRY CHEF'S CHOCOLATE", "THE ESSENTIALS", "OUR BARS"
- Eyebrow labels: designer/chef name in tiny caps ("CEDRIC GROLET") above headline
- CTAs minimal and functional: "À domicile", "Click & Collect", "SEE ALL"
- No exclamation marks, no hype language
- Product names purely descriptive: "Barre fraise chocolat au lait", "Milk chocolate mango bar"
- Reassurance copy in footer kept factual: "Secure payment", "Excellent expertise offered by our chef"

## What to emulate
- Oversized uppercase display headline with one accent-colored word as the section's visual anchor
- Tight monochromatic palette built around a single product color (here: every shade of brown/cocoa)
- Full-bleed editorial macro photography alternating with cream content sections
- Tiny uppercase labels with wide tracking as section eyebrows — high contrast against giant headlines
- Modular square-image grids (3-col category, 6-col product strip) with minimal text per card
- Single restrained CTA style: small pill-shaped outlined buttons, no shouting

## What to avoid
- Warm/rustic cues: paper textures, handwritten scripts, "artisanal" badges
- Multi-color palettes or decorative accents outside the monochrome family
- Mid-sized type filling the page — the style needs the extreme contrast of huge headlines vs tiny labels with nothing in between