Scroll recording at 1440px, 2026-11-03
How it’s built
- Layout
- Gallery image presents a laptop on bright patterned upholstery against black. In-screen dark page has a small brand/nav row, a left-aligned two-line proposition with lime italic emphasis, a short highlighted tagline and compact support copy. Two rounded calls to action sit beneath. At right, a glossy black capsule-like object with a lime circular center balances the copy; the lower screen fades into vivid lime. Laptop, fabric and black outer ground are presentation framing.
- Type
- In-screen proposition uses medium-large italic sans with lime emphasis; utility text is tiny, support compact and the tagline uses small tracked uppercase. Exact face/metrics unavailable.
- Color and surface
- Near-black in-screen upper field transitions into vivid lime lower glow; white text and luminous green highlight, blue certification chip, glossy black/lime object. Laptop and fabric are outside the page.
- Components
- In-screen brand/navigation, certification/location tags, value proposition, tagline, explanatory copy, paired actions and abstract product-like form.
What makes it work
- Dark-to-lime page field
- Left-side proposition and support
- One large balancing visual on right
- Clear pair of actions
On a new subjectPair an unrelated concise proposition with one relevant abstract or product visual on the opposite side, then offer two clear next steps. Replace claims and do not copy the laptop or textile setting.
Prompts
Measured
Fonts loadedIBM Plex Mono, Space Grotesk, ITC Avant Garde STD
H156px / 400
Body text14px
Page background#000000
Text color#333333
Page height17,725px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- At 1440px, a wide text/object hero uses white headline, lime monospace supporting line, round controls, and a dark product render over a noisy green lower field. The heading, supporting line and body remain visible in t0, t2 and hover frames. At scrollY 750, a centered approach section and four outlined graphic cards replace the hero. Mobile stacks copy over the object; reduced-motion fresh-load shows a rotated object compared with the normal mobile frame.
- Responsive
- Desktop is 1440x1000, tablet 768x1024, mobile 390x844. Layout changes from wide two-zone to stacked copy/object; desktop has fixed top nav and bottom utility pills. Document height is 17725 CSS px.
- Scroll
- At scrollY 750 a centered approach statement and four outlined cards occupy the viewport while top nav and bottom utility controls persist.
