Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A large upright book shown at an oblique angle is centered on black. Small serif source text and an outlined request action occupy opposite top corners; a large serif title enters along the bottom.
- Type
- White serif utility sentence, uppercase outlined action label and larger uppercase serif title; cover lettering belongs to the pictured book.
- Color and surface
- Black empty stage, white type and thin white outlined rounded action; colorful book-cover artwork supplies the main color.
- Components
- Oblique book image, tiny source link, outlined top-right request control and low centered title.
What makes it work
- A single large oblique publication image on a black stage, framed by small white serif utilities and a low serif title.
On a new subjectFor a museum field guide, center an oblique guidebook image on black with small serif provenance text, an outlined request action and a low collection title.
Measured
Fonts loadedTid, Pitch Sans
H240px / 400 / -1.2px
Body text16px
Page background#020102
Text color#020102
Page height9,081px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- A Journal On How To Wow People opens on black with a three-dimensional open magazine centered in the viewport, the small serif line “A piece of inspiration from EY Doberman” at upper left, and the title “A JOURNAL ON HOW TO WOW PEOPLE” near the bottom. Desktop t0, t2 and hover show different pages and angles in the book while retaining the surrounding black field and title. At actual y=750, the book’s lower edge remains above centered introductory paragraphs on the magazine’s design/business theme and inaugural Audacity issue. Tablet shows a centered book above the title and text; ordinary phone shows a smaller illustrated cover above a stacked headline and introductory copy. The fresh reduced-motion phone frame shows that cover image against black with the headline and copy outside the visible area. The selected gallery reference is a separate frame and includes a “REQUEST A COPY” button not present in the saved state images.
- Responsive
- Desktop measures 1440×1000 with a 1440×9081 document; desktop-scroll records actual y=750. Tablet is 768×1024 with a 768×6170 document. Phone and reduced-motion phone are 390×844 with 390×4003 documents. The centered book remains the main image at each sampled width; the surrounding title and introductory copy wrap and shift in the visible composition. All states report zero sampled animation entries. The screenshots do not establish breakpoints.
- Scroll
- The desktop-scroll image records actual scrollY 750 in a 1440×9081 document. It shows the bottom edge of the book near the top and two centered serif paragraphs describing the journal and its inaugural Audacity issue. This one saved position does not establish sticky behavior or the scrolling mechanism.
