Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A dark purple software page has a black navigation bar, bold white heading and three broad image cards in a row, with descriptions and a lower grid of outlined feature cards.
- Type
- Bold white sans heading and card labels; smaller gray sans support.
- Color and surface
- Black and deep purple gradient, vivid neon image colors, white text and subtly bordered dark cards.
- Components
- Three broad vivid image cards under a white heading lead into a lower outlined feature-card grid on a dark purple field.
What makes it work
- Dark purple field and black navigation
- Bold white heading
- Three broad image cards with descriptions
- Lower outlined feature-card grid
On a new subjectFor a public arts learning portal, use a dark purple field with bold white heading, three broad image-led course cards and a lower outlined feature grid.
Measured
Fonts loadedGeist, Silkscreen
H149.6px / 800 / -1.488px
Body text16px
Page background#0a0a12
Text color#1a1a1a
Page height6,923px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- All states are dominated by a dark rounded pricing dialog on a blurred, dimmed page, with purple highlights, a media portrait panel and stacked bordered option rows. A separate white cookie panel sits near the bottom. The dialog uses compact bold sans headings, green star markers and bright purple selected states.
- Responsive
- Desktop dialog places media left and plan choices right; tablet and phone stack media on top of the plan content. On phone the cookie panel covers lower plan rows. The modal heading declares Geist 34px desktop and 26px tablet. Underlying page is obscured and cannot support a complete design analysis.
- Scroll
- At actual desktop scrollY750 the modal and cookie panel remain over a different blurred background. Underlying content is not sufficiently legible for visual or typographic claims.
