Upstash

How it works

hero:

Centered 3-line headline in teal at 5xl+ size, single subtitle line, and primary CTA button positioned 12-16px below; minimal white space above logo and navigation.

layout:

Hero anchors top third, then 3-column feature grid (High Available, Global Low Latency, Durable Persistent Storage), dark code block spanning full width, stat row with wave-form visual backdrop, 2×2 card grid for platform features, customer testimonial with dotted divider, and 4-column community section at base.

type:

Sans-serif headline (likely Inter or similar) at 4xl–5xl for section titles in teal; body copy at 14–16px in dark gray; monospace used only in code blocks and stat numerals (160B, 210M, 15M); visual hierarchy produced by size jump and color isolation, not weight contrast.

colors:

Teal (#16A085 range) applied to primary headline, CTAs, accent icons, and separator lines; charcoal/black for code blocks and secondary text; pale mint background tiles separate major sections; product logos use brand colors (red, blue, purple, yellow) in a single row beneath hero.

distinctive:

A layered wave-form mesh pattern sits behind the "Fast Anywhere" section statistics, creating implied motion and technical depth without competing with text—the single visual metaphor that anchors the product's speed claim.