getopen.so

Open Analytics sells "Google Analytics without the complexity" and the page performs that promise: a near-white ground (#fcfdfd), Inter Tight at 60px/500 with −1.5px tracking, and a single cornflower blue (#466fe1) that is spent on exactly the words that matter — the second line of the headline and a soft highlight pill behind "without the complexity". Everything else is grayscale and generously spaced. The hero cascades from a "NEW · See what's new" pill to a two-line headline, a two-line subhead, a blue pill CTA with a white circular chevron beside a gray secondary pill, then a row of laurel-flanked proof points in letterspaced small caps (Product Hunt #2, AGPLv3, hosted in Helsinki, no cookie banner). Below, features are laid out as a three-column bento of pale-gray rounded cards, each with a floating white mock of the actual UI (a countries table, three ring gauges, an MCP chat thread) above a tinted circle icon, a coloured feature title and two lines of plain 18px prose. The sticky header floats as a translucent pill. It reads as calm, competent European SaaS — Plausible's neighbourhood, with a little more Apple in the type.

Build on a near-white ground (#fcfdfd, cards on #f4f5f6) with near-black text (#26262a) and exactly one accent, cornflower blue #466fe1 — use it for one line of the headline, link-coloured feature titles, the primary CTA and nothing structural. Set everything in Inter Tight: display 60px/500 with −1.5px tracking and ~1.06 line-height, subheads 24px/400 in a mid-gray, body 18px/400, labels 10–11px uppercase with +0.15em tracking. Radii come in two sizes: pills (9999px) for buttons, badges and the floating nav; 28–32px for large section cards, 8–10px for product mocks and inner tables. Buttons are 40px pills, solid blue with white text (primary) or light gray with dark text (secondary); the primary may carry a white circular icon badge inside its right end. Compose feature sections as a three-column bento of equal gray cards, each stacking a white UI mock, a 40px tinted-outline circle icon, a coloured 22px title and two lines of gray prose, with 24–32px inner padding. Emphasise a phrase inside prose by wrapping it in a rounded blue-tinted highlight (rgba(70,111,225,0.12), 4px radius) instead of bold. Shadows are minimal: mocks get a 1px hairline border plus a soft, wide, low-alpha shadow; the sticky nav gets backdrop blur and 60–70% white. Use additional hues (pink, green, purple) only as per-item keys across a set of siblings, never as a second brand color. Keep vertical rhythm generous (120–160px between sections) and let whitespace, not rules, separate content.