Mixpanel

Mixpanel (mixpanel.com) is a website in the Developer Tools category. Its homepage is captured as 1 section, top to bottom: hero. We also captured its pricing, product, customers, about, sign up and log in pages, plus 4 more. The hero leads with “Build like your customers are right beside you”.

The capture records a palette of #ffffff, #fafafa, #1f2023, #000000, #33001f and #c4f1ed. The largest share of captured homepage sections uses #fafafa as its CSS background. Suggested token roles are #fafafa for background and #000000 for text; check them against the screenshot. Headings are set in Garnett, which it also uses for body copy.

Compared with the 77 other Developer Tools sites in the library, Mixpanel sits with the 60% that stay light, and the group's most common heading face is Inter, where Mixpanel uses Garnett. The average Developer Tools homepage here has 8 sections; this one has 1.

Worth studying here: the hero, for the relationship between imagery, type and navigation, the testimonials, for how quotes, names and roles are laid out and the showcase, for image scale, grouping and visual emphasis. Open any section for its palette, fonts and a build prompt you can hand to Claude, Cursor or v0.

More references: browse all websites.