Rated
6.5/ 10
From 8 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.
- AI scorejudged
- 7.7
- Systemmeasured
- 4.3
- Distinctionmeasured
- 8.3
- on the grid
- 27%
- vertical rhythm
- 13%
- type on a scale
- 75%
- contrast passing AA
- 60%
- unlike the library
- 0.28
- model craft
- 7.1/10
- model deviation
- 5.8/10
Colour
Background#fbf5e7
Text#d70321
Accent#d70321
Surface#ffb82e
Muted#cba058
Typefaces
- Display
- super-med
- Body
- -apple-system
- Mono
- —
- Source
- self_hosted · system
- Scale
- 14 · 20 · 23 · 29
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 0px
Capture
- Category
- food
- Sections
- 8
- Captured
- 2026-08-31
- Rhythm
- full-bleed photo → cream x3 → full-bleed photo → warm yellow → cream poster → cream
Type rules
- display typography set exclusively in uppercase retro condensed grotesque
- body text set at 14px with 1.4 line-height and centered alignment
- navigation and filter links use uppercase display type with generous letter spacing
Colour rules
- warm cream (#fbf5e7) serves as the primary canvas for editorial breathing room
- bold tomato red (#d70321) dominates headings, logos, and critical brand accents
- golden ochre (#ffb82e) provides vibrant full-width product backdrop breaks
Voice rules
- all display copy in uppercase Spanish
- labels act as product categorisation
Holds it together
- all navigation and heading copy must be set in uppercase vintage condensed type
- alternate generous warm cream whitespace with vibrant full-bleed food spreads and yellow card blocks
- use centered product packaging photography framed by top and bottom text selectors
Contrast
text on background4.9:1 AA
muted text on background2.2:1 fail
text on surface3.1:1 AA Large
accent on background4.9:1 AA
background on accent4.9:1 AA
Type, measured
- Body
- 14px / 1.4
- Measure
- 68 characters
- Display
- 29px / 1
- Tracking
- 0em display
- Scale ratio
- 1.20
Voice
- Tone
- traditional, artisanal
- Sentences
- short
- Person
- none
- Vocabulary
- plain
- Calls to action
- aceptar, rechazar
Built with
- Builder
- —
- Framework
- nuxt
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 2 items
- Length
- 8.1 screens
Sections in page order
3 marked strong · 8- 00
hero
Rich, convivial Spanish dining spread captured from above and anchored by bold red traditional branding.
- Mood
- cozy + grounded
- Layout
- 1 col · full bleed · dense
- 01
statement
A spacious, retro-tinted statement section featuring bold crimson uppercase typography centered on an expansive warm cream background.
- Mood
- nostalgic + grounded
- Layout
- 12 col · centered · airy
- 02
showcase
A warm and inviting fanned deck of food photography floating playfully on a soft cream background.
- Mood
- playful + cozy
- Layout
- 8 col · centered · airy
- 03
other
StrongA vast expanse of warm cream space anchored only by two stark red rectangular elements at the base.
- Mood
- serene + contemplative
- Layout
- 1 col · centered · airy
- 04
showcase
StrongWarm, sun-drenched culinary photography showcasing jarred artisan tapas across a rustic Mediterranean tabletop.
- Mood
- nostalgic + grounded
- Layout
- 4 col · full bleed · balanced
- 05
showcase
StrongVibrant yellow interactive product showcase centered around a single jar with top and bottom category selectors in bold red.
- Mood
- playful + nostalgic
- Layout
- 1 col · centered · airy
- 06
showcase
Vibrant and celebratory crimson poster section featuring high-energy condensed type, floating packaged jars, and prestigious industry design awards.
- Mood
- energetic + joyful
- Layout
- 12 col · stacked · dense
- 07
footer
A warm cream-toned footer with centered vintage condensed typography and institutional co-financing badges.
- Mood
- nostalgic + grounded
- Layout
- 1 col · stacked · airy
