Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A nearly full-width monochrome machinery close-up begins below a shallow pale header. Tiny status lines and contact text flank a centered compact identity; small coordinate-like crosshair annotations appear near the upper image area.
- Type
- Small monospaced-looking utility/status text, compact heavy stacked identity and faint tiny numerical annotations.
- Color and surface
- Pale gray page and image, deep black mechanical forms, dark type and tiny green/red/orange status and crosshair accents.
- Components
- Two-line status with colored dots, centered identity, small email, oversized square-corner image and sparse coordinate-like marks.
What makes it work
- A huge monochrome mechanical close-up framed by tiny technical-looking status/coordinate annotations and a shallow pale header.
On a new subjectFor a scientific instrument archive, feature a large monochrome apparatus close-up with tiny colored status labels and coordinate-like decorative annotations in a shallow pale header.
Measured
Fonts loadedGT Pressura Extended, Geist Mono
H251.84px / 400 / -1.5552px
Body text13px
Page background#e4e2de
Text color#0e0e0e
Page height2,588px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Hardware Operations’ live reference is an editorial product-render portfolio with a centered studio wordmark, availability/status indicators and an email contact in the top rail, above a large light-gray field. The saved captures show a close-up grayscale mechanical assembly with orange/yellow and red accents. The selected gallery image is a separate close crop of dark industrial hardware and does not replace the saved rendered assembly states.
- Responsive
- Desktop measures 1440×1000 with a 1440×2588 document; tablet is 768×1024 with a 768×2955 document; phone and fresh reduced-motion phone are 390×844 with 390×2703 documents. Desktop and tablet show the assembly at large scale against a light gray ground. The phone crops into the vertical supports and does not show the desktop profile section in its first frame. These widths do not establish breakpoints or the full portfolio order.
- Scroll
- The desktop-scroll state records actual scrollY=750 in a 1440×2588 document. It shows the lower part of the assembly followed by an “INFORMATION” section titled “Visualizing future relics,” profile copy, client/collaborator marks and the start of services. This is the saved scrolled frame only.
