Arc

How it works

hero:

Centered composition with small icon, 3xl headline in dark serif, supporting subline, and dual CTA buttons (one filled, one outlined) stacked vertically above a full-width pale background containing a sidebar mockup.

layout:

Vertical rhythm of full-bleed color blocks with left-aligned or centered text (40% width), paired with right-positioned or full-width product mockups; 4-column masonry grid for feature imagery; asymmetric 60/40 sidebar-content split in lower sections; footer mirrors nav in solid blue.

type:

Dark sans serif headlines (likely 2–3xl) in high contrast against color; light gray body copy (14–16px) with generous line height; button text in medium weight, 12–14px; small caps or uppercase labels for feature callouts; tight tracking on headers.

colors:

Alternating full-width horizontal bands—electric blue, cream, blue, coral-to-pink gradient, pale yellow, cream again—each isolating a feature with its own color story; brand blue dominates nav and CTAs; pastels (mint, blush, butter) accent UI elements within product screenshots.

distinctive:

Each feature section is imprisoned in its own saturated color band that extends edge-to-edge, creating a sense of discrete, modular product stories rather than a unified page—the color becomes the structural delimiter, not borders or whitespace.