Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Extremely dark monochrome portrait; tiny distributed top information, small upper-left support, large regular three-line lower-left white statement, fine circular cue at right.
- Type
- Large regular white sans three-line lower-left statement; tiny white and gray utilities and upper-left support.
- Color and surface
- Extremely dark monochrome portrait, black field, white type and thin circular cue.
- Components
- Small top identity/email/links/time, upper-left support, large low statement, circular cue and tiny scroll label.
What makes it work
- An almost-black portrait behind a low large white statement and very small distributed utilities.
On a new subjectFor an oral-history collection, merge a dark monochrome sitter portrait into black behind a low white collection statement and tiny archive utilities.
Measured
Fonts loadedHelveticaneuecyr Roman, Helveticaneuecyr
H170px / 300 / -1.4px
Body text14px
Page background#0a0909
Text color#333333
Page height5,335px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Artem Yavorovskyi’s portfolio opens with a dark monochrome portrait filling most of the page, a small angular mark at upper left, email/time/navigation labels across the top, and sparse role/location captions at the sides. Large light text reads “Websites for businesses ready to stand out online”; a short partner statement sits lower over the portrait, with a “Scroll down” cue at right. Tablet and phone keep the portrait and headline, moving labels and content into narrower positions; phone shows a Menu control. The selected gallery reference is a separate saved frame of the same dark portfolio composition, not evidence of a distinct post-load page.
- Responsive
- The desktop document measures 1440×5335; tablet 768×7188; phone and reduced-motion phone 390×9397. The dark portrait and large white headline remain the core hero. Tablet and phone reposition the role, location, email/time and navigation labels; phone replaces the desktop links with Menu and breaks the headline across narrower lines. The observed widths do not establish breakpoints.
- Scroll
- The desktop-scroll state records actual scrollY=750 in a 1440×5335 document. It shows the centered “I help businesses build a website that serves their goals” statement, a compact supporting paragraph, a Portfolio list with project/service/industry/year columns, and the beginning of Web, Development and Branding service cards. The capture does not test project or service links.
