surella-fr

Warm, spirited French bistro aesthetic blending nostalgic 70s warmth with bold contemporary graphic energy. A pale blush backdrop contrasts with heavy vermillion typography and whimsical line-art sketches of wine and appetizers.

playful warm bold

Visit site

Colour

Background#f9e9ec

Text#fe3300

Accent#fe3300

Surface#fe3300

Muted#fab2a5

Typefaces

Display: Bowlbyone
Body: Urbanist Variablefont Wght
Mono: —
Source: self_hosted
Scale: 16 · 40 · 76 · 80 · 124 · 220

Layout

Grid: —
Container: —
Spacing base: 8px
Radius: 24px · 999px

Capture

Category: other
Sections: 7
Captured: 2026-08-30
Rhythm: blush x3 → dark → vermillion → blush → vermillion

Type rules

all copy including body narrative and menu items runs in full uppercase
display headlines use heavyweight display type set with tight zero-em tracking
menu columns align labels and prices along clean modular columns

Colour rules

monochromatic high-contrast interplay strictly between pale blush (#f9e9ec) and saturated vermillion (#fe3300)
cards invert the color palette with vermillion fill and blush typography
warm candid bistro photography breaks up solid color blocks

Voice rules

always written in all-caps French bistro style
warm personal storytelling from the founders

Holds it together

pair oversized vermillion display headings with black line-drawn table illustrations
render all menu lists and narrative body copy entirely in uppercase sans-serif
use rounded pill borders for floating navbars, action badges, and menu cards

Contrast

text on background3.1:1 AA Large

muted text on background1.5:1 fail

accent on background3.1:1 AA Large

background on accent3.1:1 AA Large

Type, measured

Body: 16px / 1.25
Measure: 106 characters
Display: 220px / 0.86
Tracking: 0em display
Scale ratio: 1.93

Voice

Tone: warm, convivial, inviting
Sentences: medium
Person: first
Vocabulary: evocative
Calls to action: découvrir, laisser, envoyer

Built with

Builder: webflow
Framework: —
Motion: gsap, lenis
WebGL: yes
Nav: —
Length: 11.1 screens

Sections in page order

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
Playful bistro hero featuring bold vermillion typography over a delicate line-drawn dining scene on a warm blush canvas.
Mood
playful + warm
Layout
1 col · stacked · airy
Open section →
01
statement
Warm, sun-drenched manifesto section pairing candid outdoor bistro photography with soft pink tone-on-tone uppercase storytelling.
Mood
warm + editorial
Layout
2 col · split · airy
Open section →
02
pricing
Vibrant French bistro menu structured into rounded, high-contrast cards with bold oversized orange typography.
Mood
bold + playful
Layout
1 col · stacked · dense
Open section →
03
cta
Atmospheric restaurant photography transitions into a saturated red-orange block fronted by bold, playful display typography.
Mood
bold + warm
Layout
12 col · stacked · balanced
Open section →
04
cta
Vibrant saturated orange contact section balancing delicate hairline form fields with expansive empty space and a circular submit action.
Mood
bold + quiet
Layout
8 col · asymmetric · airy
Open section →
05
other
A charming, hand-drawn brush illustration of two hands toasting wine glasses floating over an airy pale pink canvas.
Mood
playful + warm
Layout
1 col · centered · airy
Open section →
06
footer
Electric orange footer dominated by massive cropped brand lettering and minimal legal links with squiggly underlines.
Mood
playful + bold
Layout
1 col · stacked · airy
Open section →