Gigantic Candy

How it’s built

Layout

Pink field with diagonal black starry band and floating confection imagery; huge orange italic title above and black statement at lower right.

Type

Heavy condensed italic orange display title and bold black uppercase statement.

Color and surface

Pink, black, orange and dark chocolate tones.

Components

Small rounded rectangular menu with black offset shadow, diagonal image band, large title and lower statement.

What makes it work

• Pink field, diagonal dark image band and oversized orange italic lettering.

Measured

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today

The desktop page uses a compact cream header beneath a black shipping strip, followed by large, full-bleed candy/product scenes and oversized brand/product lettering. At t2 a saturated coral field carries a large white logo and product name; the hover capture shows an edge-to-edge grayscale city collage with a vivid wrapper across it. The 750px scroll state reaches a textured oversized CHOCOLATE title, a dark repeated product-name ticker, and centered bold product copy. A round shopping-assistance icon remains near lower left and a circular pause control near lower right in the sampled desktop frames.

Responsive

Captured at 1440×1000, 768×1024, and 390×844. At 768 the wide desktop links are replaced by a hamburger and centered logo over a textural product/word collage. At 390 the first view has a split coral/cream vertical field, a large black logo, scroll cue, and compact header controls; reduced-motion fresh-load is a different black-and-white product/film composition. Only these captured widths are described.

Scroll

A true scroll state was measured at scrollY=750 in a 1440×1000 viewport. The screenshot shows the tail of a large textured CHOCOLATE word, repeated dark ticker, and centered product-copy section. No product or link was activated.