Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- The gallery image shows a black-bordered landscape monitor against a light gray field. Inside the screen is a pale portfolio composition: small navigation at upper left; red biographical statement blocks at upper and lower right; a central black outline portrait with objects rising from the head; very large low-contrast white numerals “19” and “96” placed to either side; and compact award/client/service lists along the bottom. The significance of the numbers is not established. Monitor and surrounding field are presentation framing, not proven website layers.
- Type
- Within the in-screen design, red uppercase biography blocks contrast with large pale numerals and tiny dark index labels. These numbers are visible graphic elements; their meaning is unknown. Embedded text belongs to a pictured design, so no font metrics or resolved typeface are claimed.
- Color and surface
- The gallery presentation uses a light gray field around a black monitor frame. The in-screen page is pale with black illustration and compact dark indexes, vivid red statement blocks and huge low-contrast white numerals. The physical frame and shadow are gallery context, not page surfaces.
- Components
- In-screen page elements: small navigation and peripheral indexes, central illustrated portrait, large pale “19” and “96” forms, and red statement blocks. The monitor, stand and surrounding gray field are presentation framing.
What makes it work
- Pale in-screen field
- Central outline illustration
- Contrasting statement block(s)
- Compact peripheral indexes
On a new subjectBuild an unrelated page around one central line illustration, contrasting statement copy and small indexes at the edges. Optional oversized low-contrast numerals may be decorative only; replace personal facts and do not reproduce device framing.
Measured
Fonts loadedBT Grotesk Medium, BT Grotesk Regular, F37 Bolton Trial Regular, BT Glyphius Regular, BT Grotesk Medium Placeholder, BT Grotesk Regular Placeholder
H223px / 400 / 0.23px
Body text12px
Page background#ececec
Text color#000000
Page height1,000px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Huyml saved desktop starts with a diagonal receding stack of image planes across pale gray, a rotated bold identity at far left, tightly stacked serif-like navigation nearby and tiny distributed top utilities. Later it separates a central portrait-like project image from left micro-metadata and a right project list with faded inactive entries, retaining huge partly image-crossed project numerals near the bottom. This is a changing spatial portfolio composition, not a conventional card grid. A large white blank lower band appears in t0 and is not assumed to be intentional.
- Responsive
- At768px the identity is horizontal near the top center with a simple left menu cue, a90px project numeral near upper left and the receding image stack crossing most of the viewport; project title/description move to a centered lower block. At390px a single central project image is more isolated, with neighboring planes cropped at top/bottom. Some numeral and project copy is visibly blurred; whether transition phase, intended focus effect or an error cannot be resolved from these samples. Major composition changes are phase-confounded, not proven complete responsive transformations.
- Scroll
- The desktop-scroll attempt retains document height1000 and scroll_y0 in a1000px viewport. Image-plane positions and central image differ slightly from t2 while copy layout is broadly retained. This proves no document scroll was recorded; virtual scene navigation or time-driven movement remains possible and was not isolated.
