Gravity products navbar with image cards

Gravity products navbar with image cards, minimal, photographic, light

Preview image. Unlock full-res

White header with underlined Products link and three full-bleed image product cards for Carbon Accounting, Financed Emissions, and Embedded Insights.

Elementsnav-menu, card, image
Palette
#FFFFFF
#182931
#527E9A
#B5551A
#6F90A1

Summary

White header with underlined Products link and three full-bleed image product cards for Carbon Accounting, Financed Emissions, and Embedded Insights.

Visual description

White nav bar with Gravity logo, underlined Products, Team, Blog, Jobs, Book a Demo, Login. Below, three rounded cards with photographic backgrounds: yellow industrial pipes for Carbon Accounting measure footprint, night city aerial for Financed Emissions portfolio emissions, dried leaf macro for Embedded Insights API data. White titles top-left and subtitles bottom-left on each card.

Key takeaway

Photo-backed product cards communicate abstract climate SKUs through metaphor imagery. Underlined active nav signals dropdown or mega-menu context. Title top and subtitle bottom corner pattern survives varied photos.

Reuse notes

For climate or data platforms with three core products. Imagery metaphors must stay intuitive; leaf for API is poetic but needs copy support. Text contrast requires gradient scrims on busy photos.

More navbar sections

See all

More like this