Preview image. Unlock full-res
Dark green rounded CTA card pairing oversized serif display type with a dev-workflow illustration and a single purple Learn more button.
Summary
A contained dark-green promo card that leads with stacked oversized serif display type on the left and a voice-for-devs pitch with illustration and one CTA on the right.
Visual description
The section sits inside a large rounded rectangle on a deep forest-green background with generous padding. The left half holds two stacked lines of cream serif display type reading "Vibe coding." at a scale that dominates the block. The right half opens with a small illustration cluster: a lavender document icon with a code bracket, a cream terminal window with dotted code lines, an orange cursor arrow, and a hand-drawn purple squiggle beneath. Beside it, a cream serif subhead reads "AI + Voice: The New Workflow" above a paragraph of smaller cream sans-serif body copy about voice-first dev workflows. A lavender filled pill button labeled "Learn more" sits below the copy. The palette is restrained: dark green field, warm cream type, and soft purple accents on the illustration and button.
Key takeaway
The contrast between one loud editorial word stack and a quiet explanatory column keeps a technical CTA from feeling like a banner ad. The tiny illustrated dev motif adds personality without needing a product screenshot.
Reuse notes
Strong pattern for developer-tool landing pages promoting a workflow shift rather than a feature list. Works best when the display phrase can carry the whole mood on its own. The rounded card treatment assumes a lighter page background around it.
