Dovetail values illustration card slider

Dovetail values illustration card slider, light-mode, illustrated, light

Preview image. Unlock full-res

Centered "What we value" section with a horizontal row of tall, vibrant illustration cards acting as a values slider.

Palette
#FFFFFF
#5B4FE0
#9B6BF2
#E0452B
#0E7A5F

Summary

A values section presented as a horizontal slider of tall, brightly colored illustration cards under a centered header, with the active value's caption sitting beneath the first card.

Visual description

A centered "What we value" headline in bold near-black sans tops the section, with a one-line subhead ("This is how we talk the talk and walk the walk"). Below sits a row of tall portrait-format illustration cards in saturated flat colors, each a bold line-art scene: a purple card of legs and a tiny figure, a blue card of a hand holding a sparkler, a red-orange card of a seated person, and a green-and-cream card cropping off the right edge to hint at more. Under the first card, a "Put the customer first" sub-heading and a short paragraph describe that value. White background, vivid illustration palette, generous spacing.

Key takeaway

Turning abstract company values into a row of distinct, saturated illustration cards makes a usually text-heavy section visual and memorable. The right-edge card crop signals the row scrolls, and anchoring the caption under the active card keeps copy tied to its image.

Reuse notes

Use for a values, culture, or principles section when there is budget for a custom illustration set. Each card needs its own strong illustration, so it suits brands with an established art style. The slider peek implies horizontal scrolling, so plan more cards than fit on screen.

More value proposition sections

See all

More like this

46,301+ more like this. Join to see more.