Trevor Noah

How it’s built

Layout

Close-cropped face anchors the bottom; oversized pink Trevor Noah name spans the top. A microphone, open book and large video-player cutouts emerge above the torn head edge and overlap the name. A cursor hand overlays the microphone and is likely a capture artifact.

Type

The display lettering is visually dominant; smaller navigation, labels or supporting copy are secondary where legible. Exact typeface, rendered font identity and CSS metrics are unknown.

Color and surface

Deep navy field, bright pink name, warm skin tones and white torn-edge border; object cutouts carry gray, green, white and red accents.

Components

Torn-edge portrait, oversized name lettering, layered microphone/book/video player cutouts. Cursor hand is capture UI, not design.

What makes it work

• Close lower-face portrait
• Torn or irregular head boundary
• Several cutout objects emerging above it
• Large identity lettering layered behind objects

Live behavior

Today

The desktop opening uses a deep navy canvas, oversized pink sans-serif name lettering, and a cutout portrait with colorful media objects emerging from the head. A white pill ticket action and circular menu sit at upper right; a small Latest label and media teaser appear near the lower edge.

Responsive

At tablet width the name sits at top left, ticket and menu controls move beneath it, and a large portrait centers between circular side arrows. On phone the name and controls remain compact at top, with a smaller portrait carousel and category label below. Several normal-motion states are partly obscured by cookie consent.

Scroll

At desktop scrollY 750 the page shows a reduced sticky brand mark and ticket controls above a large secondary statement. A cookie panel obscures the lower right. This is evidence of a sampled scrolled state, not the full scroll sequence.