Vibeshots
← Sites

SAM Goddard

samgoddard.co.uk
SAM Goddard website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
A near-black bounded page sets a huge pale uppercase high-contrast serif paragraph at upper left, with irregular spacing and a faint halftone-like portrait on the right. Tiny monospaced labels run across ruled top and bottom edges. Outer blur is staging.
Type
Very large tightly stacked high-contrast uppercase serif with unusual punctuation and letter details; tiny mono-like labels. Exact font and metrics unknown.
Color and surface
Near-black, pale gray serif type, subtle gray halftone portrait and fine rules.
Components
Set a large tightly stacked pale uppercase serif paragraph at upper left on near-black, balance with a faint halftone-like portrait at right and tiny ruled edge labels.

What makes it work

  • Near-black field and huge stacked pale uppercase serif paragraph
  • Faint halftone-like portrait at right
  • Tiny mono-like ruled edge labels
On a new subjectFor a public literacy service, set a large stacked pale uppercase serif invitation at upper left on near-black with an original faint halftone-like reader portrait at right and tiny ruled labels.

Measured

Fonts loadedgeistMono, editorial, editorial Fallback
H186.4px / 400
Body text12px
Page backgroundoklch(0.205 0 0)
Text coloroklch(0.87 0 0)
Page height4,706px

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today
A near-black field carries a huge pale uppercase serif introduction at upper left and a dim dotted portrait at right. Tiny monospaced-looking navigation and footer labels sit between thin horizontal rules. Both original reference images show the same broad composition.
Responsive
Tablet and phone wrap the statement into more lines, and the portrait occupies the right and lower area. The desktop footer includes social links, presence and a music ticker; the phone screenshot shows only centered social links. The header links remain visible across widths.
Scroll
At actual scrollY 750 a two-column about section appears: a dotted image on the left and small text with a centered serif statement on the right. Header and footer remain in view in this capture; this alone does not establish their positioning mechanism.

More like this