Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A yellow bounded page presents flat colorful illustrations: a smiling blue hill-like character, flying figure, simple blocks, clouds and flower. A white navigation capsule and orange action sit above; an orange rounded title card and circular arrows sit low. Blue exterior is staging.
- Type
- Condensed heavy uppercase cream title within card, small sans navigation and compact age label. Exact painted font identity unknown.
- Color and surface
- Yellow field with saturated blue, purple, orange, pink and white flat shapes.
- Components
- Arrange playful flat geometric characters and scenery in saturated colors on yellow, with a white navigation capsule and orange rounded title card at the bottom.
What makes it work
- Yellow field and colorful flat geometric characters/scenery
- White top navigation capsule
- Orange rounded bottom title card with condensed type
- Small circular arrow cues
On a new subjectFor a public children’s library, arrange original flat colorful book and reader characters on yellow, with white navigation capsule and orange bottom title card.
Measured
Fonts loadedABC Diatype Rounded, ABC Diatype Rounded Plus, Robuck Rounded
H361.9047px / 400
Body text15.2381px
Page backgroundtransparent
Text color#000000
Page height11,723px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- An edge-to-edge yellow field hosts flat, saturated, geometric illustrated figures and scenery in blue, red, purple, mint and pink. Cream diagonals frame the lower hero around an orange rounded card. The blue/orange identity sits opposite a white pill navigation, orange Donate pill and white circular mail control. The card uses cream condensed uppercase display type, a small white age badge and white rounded sans supporting copy.
- Responsive
- Desktop shows the card partly below the first viewport and arrows flanking it; tablet and phone replace the navigation row with Donate and a circular menu, crop the artwork more tightly and place arrow circles together above the card. The display text declares 61.9047px desktop, 92.1601px tablet and 46.8px phone; these are observed rules rather than a presumed monotonic scale.
- Scroll
- At actual scrollY750 the orange card is centered over cream ground, with readable heading, badge, supporting sentence and circular down arrow; the upper navigation remains at the top. Other card texts occupy DOM rectangles but are not painted as visible alternate slide content.
