Convex

How it works

hero:

Left-aligned text hierarchy (headline + subheadline + CTA button) paired with a 60/40 split showing live code editor screenshot in bordered frame on the right, establishing product-first positioning.

layout:

Alternating full-width sections: left-text/right-image hero, centered testimonial with grid pattern, dark full-bleed sections for features and social proof, rhythm broken by 2-column and 3-column layouts lower on page.

type:

Large bold headlines (5xl+ weight) in dark sans-serif, smaller body text in medium weight, monospace font for code snippets and technical labels, consistent 1.2-1.4 line height for readability.

colors:

Warm neutrals (beige/cream) as primary background, dark charcoal for content sections, coral/salmon for primary CTAs and highlights, mustard/gold for secondary UI elements and icons, creating warmth against cool developer aesthetic.

distinctive:

Embedded 3D isometric illustration of a database/platform architecture in the 'Not just a database' section with floating colored label boxes, serving as the single most differentiated visual moment on the page.