Vibeshots
← Sites

Bp&o

bpando.org
Bp&o website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
White editorial page is divided by a fine vertical rule: large latest article image and text left, two-column discovery images right, beneath small header.
Type
Bold black sans headings and article labels with pale gray support text.
Color and surface
White field, black text, gray rules and colorful images.
Components
Header, large left feature and compact right two-column image grid.

What makes it work

  • Fine vertical division
  • large left feature
  • smaller right image grid
  • bold black sans headings
On a new subjectFor a public science magazine, balance a large left feature with a smaller right discovery grid on white divided by a fine rule.

Measured

Fonts loadedff-meta-serif-web-pro, neue-haas-grotesk-text
H143.1388px / 500 / -0.862776px
Body text19.5px
Page background#ffffff
Text color#000000
Page height7,715px

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

More like this