gallery.desktop-screenshot-windows · Desktop screenshot windows

A gallery pattern from Desktop OS, drawn alone below with this design's tokens and sample copy. Not used in this design: shown with its tokens for comparison. Give the section root data-pattern="gallery.desktop-screenshot-windows". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Screens as app windows: a large windowed screenshot on 1–7 over two rows, the label, title and caption on 8–12 above a second window, then two 16:9 windows side by side.
Slots
gallery1, sectionLabel, title, caption, gallery2, gallery3, gallery4
Grid areas
big 1-7 · copy 8-12 · second 8-12 · third 1-6 · fourth 7-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #E3E5DA · text #272921 · heading #121309 · accent #EDA12F · accent2 #55A9FF · Onest / Onest · radius 8px · space unit 4px (full list in design/tokens.json)

Pattern notes

  • Screens as app windows: a 4:3 screenshot window on 1–7 over two rows; on 8–12 a mono label, an h2 at step 5 and a muted caption above a 16:9 window; then two 16:9 windows side by side on 1–6 and 7–12. Every image has the window title bar.
Northfold — Home

Gallery

Selected work

Corvid Robotics — identity

Northfold — Home
Northfold — Home
Northfold — Home