Design Agency Website Hero Section Examples

What these 121 hero sections have in common

On average each one carries 8.4 images or icons, 1.2 buttons and 2.7 links. 40% sit on a dark background, and 90% are taller than half their width — most take a full screen or more. Headlines range from “Kononenko Architectural Bureau” (Kononenkogroup), “Powering the World” (Zetta Joule) to “Espaços pensados para viver e durar uma vida.” (Floema).

7 hero sections worth studying

• Skims — “NEW ARRIVALS”: New today, gone tomorrow—shop our latest arrivals before they sell out Shop Now (2 buttons, 3 images, background #ffffff).
• Spline — “Make anything 3D”: Create 3D with AI or build with direct control (2 buttons, 2 images, background #000000).
• Wix Studio — “Design with impact Deliver at scale”: The website building platform for designers, developers, and marketers. Start creating (1 buttons, 58 images).
• Noho: We make furniture that's flexible, and playful, to fit modern life New design from New Zealand (0 buttons, 8 images, background #f1eee9).
• Artemartemartem — “Hey I'm Artem”: Director & Creative Lead. Founder of ZHEESHEE studio . I mix live action with CG — building worlds, inventing characters, making things that shouldn't exist look… (0 buttons, 11 images, background #ffffff).
• Rpacomunicacion: Vamos con eventazos buen rollo todo ideas lo nuevo garra Saltar intro. (0 buttons, 12 images, background #01065b).
• Sakazuki: Unlocking Japan's Hidden Gems Guided by Suntory group (0 buttons, 1 images, background #e1d6ce).

How to use these hero references

Compare headline length, where the primary button sits and whether the visual is the product itself; then write your own headline in the same number of words. For a studio or agency, notice how the work is presented large and the copy kept short. Start with Skims, Spline and Wix Studio, click a section to open it at full size and copy its build prompt, palette and fonts.