Gallery screenshot, saved 2026-10-24
How it’s built
- Layout
- A photographed laptop on a dark table frames a blue-gradient page. On the screen, a large soft-edged 'Build full stack' headline is centered above a short support line and two compact CTAs; small navigation runs along the top. Laptop, table and room are presentation framing.
- Type
- Large white sans headline with a visibly softened/blurred treatment, compact sans support and controls. Exact font and dimensions are unknown.
- Color and surface
- Deep cobalt at the top fading to pale blue-white at the bottom; white headline and low-contrast support text; black screen bezel and desk are framing.
- Components
- Blue gradient page, top navigation, large centered proposition, short support line, paired CTAs.
What makes it work
- Open blue gradient field
- Large centered proposition
- Short supporting line
- Two paired actions
- Slim top navigation
On a new subjectFor an adult-literacy enrollment page, use a calm blue gradient with a large centered learning promise, one short explanation and two clear actions for placement or enrollment beneath a slim navigation row. Replace blockchain language and omit the laptop staging.
Live behavior
- Today
- The live desktop and mobile captures show a dark blue-black radial field with bright blue and pale streaks converging around a central dark area. Centered white hero text reads “Where AI transacts”, with a smaller supporting sentence beneath and two adjacent calls to action near the lower center. A dark horizontal navigation bar spans the top, with the Sui mark at left and section links plus a blue “Get started” button. On mobile, the header contracts to the mark and a menu control, the heading wraps across two lines, and the two buttons remain side by side. At actual desktop scrollY 750, the bottom of the hero remains near the top while a white section appears with partner marks, a centered partner heading, and an oversized black statement beginning lower on the page.
- Responsive
- At 1440x1000, the title is one line and measured at 90px with a 1440x1000 viewport; the document measures 1470x13972, 30px wider than the viewport. At 768x1024, the title is measured at 82.8777px and the document at 1378x13794, 610px wider than the viewport. At 390x844, the title wraps to two lines at 66.56px and the document is 390x14237. These are measured sampled dimensions; the cause and practical effect of the desktop/tablet horizontal overflow are not established.
- Scroll
- The desktop-scroll state records actual scrollY 750 with a 1440x1000 viewport and 1470x13972 document. The screenshot shows the hero tail at the top, a white partner-logo section, and the start of a large statement below. This is one position from a longer document, not a complete scroll sequence.
