Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Inside a monitor, a pale field shows a two-line headline mixing an italic serif word with upright sans words and an ornate ampersand. A turquoise drawn oval surrounds the first word; colorful small image tiles cluster lower right, beneath a compact header.
- Type
- Large italic high-contrast serif and upright heavy sans, ornate serif ampersand; tiny sans navigation.
- Color and surface
- Pale blue-gray field, dark teal lettering, turquoise loops and red, turquoise and lilac tiles.
- Components
- A mixed italic serif/upright sans headline and turquoise loops sit above a loose cluster of colorful illustrated tiles.
What makes it work
- Pale field
- Mixed italic serif and upright sans headline with ornate ampersand
- Turquoise oval marks
- Loose colorful illustrated tile cluster
- Compact header
On a new subjectFor a public literature festival, use a mixed italic serif and upright sans headline circled by turquoise oval marks over a pale field, with a loose cluster of colorful book illustration tiles and a compact header.
Measured
Fonts loadedPlayfair Display, Space Grotesk
H1124px / 500 / -6.2px
Body text16px
Page background#e8eeee
Text color#0a2324
Page height7,183px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- A pale blue-gray field supports a large dark headline combining italic high-contrast serif words with geometric sans words and an ornamental ampersand. Thin turquoise loops circle the first word. A loose diagonal cluster of colorful square illustrations occupies the right/lower hero, with small orange, black and lavender blocks. Minimal top navigation uses diagonal separators; a dark cookie panel overlays the lower right.
- Responsive
- Phone places the headline in several short lines and the illustration squares below it, but the horizontal top navigation is clipped at the right. The tablet screenshot is at actual scrollY750, so it shows lower content and cannot establish tablet hero layout. Desktop heading samples declare Playfair Display 124px for italic characters; phone 56px, paired with Space Grotesk sans. The phone cookie panel covers the lower paragraph.
- Scroll
- At actual desktop scrollY750, a large serif/sans paired section title, narrow supporting paragraph and service list appear on the same pale field. The persistent top navigation overlaps the preceding section text; the cookie panel obscures lower-right content. Tablet at scrollY750 shows a two-column service list and client marks, with the same overlay.
