caleomag-com

A refined, print-inspired digital menswear publication. Massive architectural header type gives way to a spacious multi-column layout with warm off-white paper tones, elegant serif headlines, and high-fashion editorial imagery.

editorial quiet

Visit site

Rated

7.0/ 10

From 7 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: 8.7
Systemmeasured: 4.6
Distinctionmeasured: 8.4

on the grid: 14%
vertical rhythm: 80%
type on a scale: 50%
contrast passing AA: 40%
unlike the library: 0.28
model craft: 7.6/10
model deviation: 4.3/10

Colour

Background#f7f7f5

Text#333333

Accent#f65936

Surface#ffffff

Muted#adadad

Typefaces

Display: Gambarino
Body: SF Compact Display Regular
Mono: —
Source: google
Scale: 12 · 14 · 15 · 16 · 17 · 18

Layout

Grid: —
Container: —
Spacing base: 5px
Radius: 0px

Capture

Category: fashion
Sections: 7
Captured: 2026-08-30
Rhythm: light throughout on warm off-white canvas

Type rules

masthead uses monumental condensed uppercase display type spanning the full viewport width
article headlines set in Gambarino serif at approximately 28px to 34px
eyebrow tags and brand names set in tracked uppercase sans-serif

Colour rules

canvas is consistently warm neutral #f7f7f5 with charcoal text #333333
coral accent #f65936 reserved strictly for key utility actions like the subscribe CTA and active filter pill

Voice rules

article titles focus on luxury, travel, and menswear culture
brand and designer names prominently attributed in uppercase eyebrows

Holds it together

keep background uniform warm off-white across all editorial sections
use outlined uppercase typography for designer directory listings separated by fine horizontal lines
display article metadata and brand credits as muted uppercase labels above or below editorial photography

Contrast

text on background11.8:1 AAA

muted text on background2.1:1 fail

text on surface12.6:1 AAA

accent on background3.1:1 AA Large

background on accent3.1:1 AA Large

Type, measured

Body: 15px / 1.45
Measure: 55 characters
Display: 180px / 0.85
Tracking: 0em display
Scale ratio: 1.86

Voice

Tone: refined, sophisticated, curated
Sentences: medium
Person: third
Vocabulary: elevated
Calls to action: subscribe, shoppen

Built with

Builder: framer
Framework: —
Motion: —
WebGL: —
Nav: sticky_top_bar, 2 items, sticky
Length: 6.6 screens

Sections in page order

3 marked strong · 7

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

00
nav
Strong
High-impact editorial masthead pairing a refined top utility bar with monumental, edge-to-edge condensed typography.
Mood
editorial + bold
Layout
1 col · stacked · dense
Open section →
01
feature grid
Strong
Sophisticated fashion editorial grid pairing tailored photography with elegant serif headlines and generous cream margins.
Mood
editorial + luxurious
Layout
2 col · asymmetric · balanced
Open section →
02
showcase
Strong
Clean editorial magazine layout pairing crisp luxury product imagery with bold condensed typography and pill navigation.
Mood
editorial + luxurious
Layout
1 col · stacked · balanced
Open section →
03
showcase
Refined lifestyle magazine card strip pairing warm portrait photography with elegant serif headlines and minimal category tags.
Mood
editorial + luxurious
Layout
5 col · grid · dense
Open section →
04
showcase
Clean, understated luxury menswear product carousel presenting curated apparel on warm neutral backgrounds.
Mood
quiet + luxurious
Layout
5 col · grid · balanced
Open section →
05
showcase
An austere, structured index of large outlined brand names stacked between hairline rules on a warm off-white canvas.
Mood
quiet + editorial
Layout
1 col · stacked · airy
Open section →
06
showcase
High-fashion editorial campaign banner with wide-spaced uppercase typography balanced across a muted landscape portrait.
Mood
editorial + luxurious
Layout
1 col · stacked · airy
Open section →