Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- An off-white page centers a large black serif blog title, a short gray two-line explanation and black rectangular action. Below, an expansive hand-painted meadow with a seated reader and dog anchors the lower half, with a fine slider-like line and arrows underneath. Small header icon and right-side utilities include red subscribe action.
- Type
- Large soft high-contrast serif headline, small regular sans description and compact utility text. Exact fonts and metrics unknown.
- Color and surface
- Warm off-white, black type/button, muted green meadow and sparse red accents.
- Components
- Center a large black serif title and small sans explanation over a broad low hand-painted meadow scene; retain a dark action and fine slider-like line below.
What makes it work
- Warm pale field
- Centered large serif title, short sans explanation and dark action
- Wide low hand-painted meadow vignette
- Fine line and small arrow cues beneath
On a new subjectFor a public adult-literacy service, center a large serif invitation and dark action on warm white above an original hand-painted garden scene of books and plants, with a fine line and small arrow cues below.
Measured
Fonts loadedFraunces, GeistSans, GeistSans Fallback
H184.8px / 400 / -2.3744px
Body text16px
Page backgroundoklab(0.979003 -0.000167608 0.00822967)
Text coloroklab(0.258867 -0.00796308 0.0108778)
Page height1,000px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- The Boring Blog current page uses an off-white softly clouded field, a centered dark serif title, two-line muted sans explanation and compact black reading action. A large low illustrated grassy island contains a seated red-shirted reader, red shelter and sleeping animal. Settled desktop states add a tiny botanical identity at top left, compact utility/social/subscription controls top right and a narrow bottom Drag to turn slider/arrows. This current scene is separately versioned from selected gallery evidence.
- Responsive
- The centered title stays one line at1440,768 and390px, reducing from84.8px to56.832px to28.86px. At390px Posts is absent while theme/social/subscription controls remain in a compact top row. The scene becomes edge-cropped around reader and animal, with broad vertical whitespace between action and island; bottom slider spans most of the narrow width. The three sampled widths do not establish all breakpoints.
- Scroll
- The labeled desktop-scroll state stays at scroll_y0; document1440x1000 equals viewport. Title and scene remain in place; no vertical-scroll transition established. Fixed section/header CSS is measured only for this static position. A different content route or drag progression was not opened.
