Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Black page with sparse white monospaced-looking header and huge rounded dark hero containing a centered tall device marked with large white numerals; dark cards begin below.
- Type
- Small white monospaced-looking labels, giant white numerals on the object.
- Color and surface
- Black and charcoal with white text and dark stone-like base.
- Components
- Wide rounded dark hero, tall central object and three dark lower cards.
What makes it work
- Black field
- monospaced-looking labels
- wide rounded dark hero
- central tall marked artifact
- dark lower cards
On a new subjectFor a geological specimen archive, center a tall dark specimen case marked with large white numerals in a wide rounded dark hero above dark cards.
Measured
Fonts loadedSoehne Mono
H212px / 400 / 0.96px
Body text16px
Page background#ffffff
Text color#101010
Page height2,835px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- White catalogue page has compact Mockups/Models/Components controls, centered 099 mark and Info control, followed by repeated monochrome product specimens in bordered cards with low caption strips. At t0/t2 same catalog frame; hover on M 015 reveals a dark product preview and its caption changes to PREVIEW. Scroll y=750 shows later mockup cards and 3D Models section while filter controls remain pinned near the top. Tablet reduces columns; mobile becomes a single-column stack.
- Responsive
- Desktop 1440×1000 shows five-column grid; tablet 768×1024 shows three columns; mobile 390×844 presents one large card per row. Document height changes 2835/4046/16032 CSS px. Header/filter controls compact and reorder on smaller widths.
- Scroll
- At y=750 the grid has advanced to additional mockups and the 3D Models section; category filters stay visible near top.
