Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- White page with underlined two-line introduction left and five large pale or white tiles arranged in a staggered grid to the right and below.
- Type
- Large regular black sans headline and tile labels with small gray supporting copy.
- Color and surface
- White and very pale gray with bright blue, yellow and orange icons.
- Components
- Underlined introduction, geometric icons, tile labels and arrow buttons.
What makes it work
- A large underlined introduction beside a staggered grid of airy icon-led tiles.
On a new subjectFor a library services guide, use a staggered grid of colorful icons and short labels beside an underlined introduction.
Live behavior
- Today
- The desktop opening divides a white copy panel from a bright blue profile scene. The left carries a large light-weight, individually underlined sans headline, muted paragraph and rounded email/action controls. At right a cutout person and three white rounded metadata pills sit above saturated blue and pink blocks with circular arrow controls. A partial yellow circle enters from the top.
- Responsive
- Tablet retains two columns while the left form stacks vertically. Phone presents centered text and two stacked pill actions, with a compact icon and menu at top; the yellow and blue profile region begins below. These sampled widths do not establish exact breakpoints.
- Scroll
- At actual desktop scrollY 750 the capture shows a left introduction and staggered pale/white service tiles with small multicolor geometric icons, labels and circular arrow controls. This single position does not establish the entire scroll experience.
