Foundation Alloy hero with yellow blocks

Foundation Alloy hero with yellow blocks, minimal, light-mode, light

Preview image. Unlock full-res

Minimal white hero with navbar, oversized headline interrupted by three yellow slanted blocks, and numbered section markers along the bottom.

Summary

A sparse above-the-fold hero where three bright yellow parallelograms slice through a two-line display headline, framed by a simple nav and bottom section numbers.

Visual description

White background. Top bar: left logo lockup with slanted-bar icon and "Foundation Alloy" wordmark; right nav links "Company," "Careers" with a small external-link arrow, and "Contact" in black sans-serif. Center stage: very large headline "Better Materials. Better Engineering." in light gray type that turns solid black where it overlaps three saturated yellow slanted rectangular blocks layered behind the words. Bottom edge shows three faint gray numbers "01," "02," and "03" spaced across the width as a scroll or chapter index. No CTA buttons or imagery beyond the typographic graphic treatment.

Key takeaway

The overlap color shift on headline type over flat brand shapes creates motion without animation. Three bottom indices promise a structured long page and invite scroll.

Reuse notes

Ideal for materials, engineering, or industrial brands with one strong brand shape and a short value line. Needs a single accent color used consistently downstream. Headline must stay short; the effect breaks on long or multi-line copy at smaller widths.

More hero sections

See all

More like this