Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A charcoal portfolio view centers a vertical sequence of broad rectangular film images: partial image at top, large middle image and partial image below. Tiny company description stays upper left, small serif identity overlays the top image and tiny navigation/language links sit upper right. Across the middle, a horizontal project index spreads number/title on left and client/type/year columns on right; one row is white with a small triangle while neighboring rows fade into dark. Follow links and small white contact rectangle occupy bottom corners.
- Type
- Almost all interface text is small plain sans; compact serif identity and title artwork inside one film frame belong to different roles. Selected index row brightens without becoming oversized.
- Color and surface
- Flat dark charcoal, saturated photographic film frames, bright white selected metadata and low-contrast gray surrounding rows; simple white contact rectangle.
- Components
- Central image sequence, lateral metadata index with highlighted row, sparse peripheral navigation, follow links and contact action.
What makes it work
- Charcoal field with broad side margins
- Central wide rectangular image sequence
- Tiny multi-column project metadata with one bright row and dim neighbors
- Sparse peripheral navigation and contact
On a new subjectFor an oral-history preservation archive, center a sequence of original interview stills on charcoal with wide dark margins. Align small item number, title, collection, recording type and year across the middle; keep one row bright and neighboring rows subdued. Replace commercial films and metadata, retaining sparse corner navigation.
Measured
Fonts loadedmatrix-ii-ext-semi-narrow, helvetica-neue-lt-pro
H144px / 400
Body text16px
Page background#222222
Text color#ece9e2
Page height1,000px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Charcoal film-index composition with tiny cream sans utilities and a small classical serif identity. A contained landscape film frame floats in a large empty dark field. A fine project table crosses the middle with number, title, client, category and year columns; the active row is bright while lower rows fade into near-black. A secondary project panel below uses narrow high-contrast serif title lines over film imagery. Tiny social links and a small white Contact rectangle anchor the bottom corners.
- Responsive
- Desktop shows the multi-column project index, centered identity and wide utility row. Tablet/phone move identity to upper left and use a two-line menu at right; the table is not visible in those narrow screenshots. A landscape video and project-detail imagery stack vertically, with a white View More action. Lower title changes44px/55px desktop to30px/37.5px phone, with18px/31.5px client/category text. Raw VIDEO bounds1172.063x672.813px desktop differ from the visibly narrower aperture, approximately728x418px by screenshot estimate. Media sampling and screenshot timing/clipping differ, so raw VIDEO bounds are not presented as the final visible frame size.
- Scroll
- The scroll attempt stays at actual scrollY0 with document1440x1000, while video advances to another shot. It does not establish page scrolling, project cycling or an internal wheel-driven selection. The lower project-detail panel is already partly visible at the opening; its presence cannot be attributed to the scroll attempt.
