visitors.now

Visitors - Privacy-friendly Google Analytics alternativesaved 26d ago · captured 26d ago

Seven details, seven pinned.

View as Markdown ↗

Colors8 colors · ground #FEFEFE

ground#fefefe·77.30%#c4a1e9·13.00%#9786ee·3.24%#d1d0d9·1.89%#8c8c92·0.86%#aeaeb1·0.84%#e9d9f2·0.61%#696971·0.60%

Sized by coverage · click to copy.

Typography1 family · 5 styles · OpenRunde

Revenue-first web analytics

OpenRunde · 60/68 · 600 · -3px

Everything you need to understand your visitors

OpenRunde · 36/44 · 500 · -1.8px

Lightweight script. Under 1KB. Won't hurt your page speed or Core Web Vitals.

OpenRunde · 18/24 · 500 · -0.32px

Body

See every visitor in realtime and witness the moment they become a customer.

OpenRunde · 18/24 · 500 · -0.32px

Small

NEW

OpenRunde · 12/16 · 500 · -0.32px

Specimens are the page's own words at their measured metrics; shown in Inter when the family is not loaded.

ButtonsStart 14 day free trial2 styles

Start 14 day free trialFeatures

primary · fill #918df6 · label #ffffff · radius 9999px · border 0px · padding 0px 20px · height 44px · type 16px / 500

secondary · fill — · label #bbbcc3 · radius 0px · border 0px · padding 4px 8px · height 28px · type 14px / 500

Shape4 radii · 50 uses

9999px29 uses · 58%

8px11 uses · 22%

16px9 uses · 18%

24px1 use · 2%

AnalysisVisitors is a privacy-friendly analytics landing built on a bright white ground and one soft periwinkle accent (#918df6), with a floating black pill nav as the only dark object on the page.

Visitors is a privacy-friendly analytics landing built on a bright white ground and one soft periwinkle accent (#918df6), with a floating black pill nav as the only dark object on the page. The hero is pure type — a 60px/600 Open Runde headline tracked to -3px, sitting on a rounded geometric sans that makes even "Revenue-first web analytics" read as approachable — with a pill CTA pair and a grayscale logo strip underneath. Then the page opens into a soft lavender-and-violet aurora backdrop on which the real product dashboard floats as a white card; below, a two-column bento of white feature cards pairs a coloured section label (pink, amber, green per feature) with a live-looking data fragment (a visitor list with flag avatars, a world map with coloured dots, a big green 100 "Perfect" score ring). Everything is pill-shaped — 9999px is the dominant radius — so the whole site feels like a friendly, well-organized dashboard rather than a pitch.

Style recipe- Ground: pure white (#ffffff) page, white cards, hairline borders in ~#e5e5ea; no drop shadows heavier than a faint blur. - Accent: one soft periwinkle, #918df6, for the primary CTA, the nav butto…

·Ground: pure white (#ffffff) page, white cards, hairline borders in ~#e5e5ea; no drop shadows heavier than a faint blur.
·Accent: one soft periwinkle, #918df6, for the primary CTA, the nav button and active states; optional lilac tints (#c4a1e9, #e9d9f2) as a large soft aurora gradient behind a product showcase.
·Secondary hues only as data/eyebrow color: pink, amber, green — each feature or metric owns one hue, applied to its eyebrow title, icon chip and checklist icons.
·Type: Open Runde (fallback Inter) throughout. Display 60px / 600 / -3px tracking / 68px line height; body 18px / 500 / -0.3px tracking; gray (#696971 – #8c8c92) for supporting copy.
·Shape: pill radius (9999px) for every button, badge, tab and nav; 16px for cards, 8px for inner chips. Primary button 44px tall, solid accent, white 16px/500 text; secondary is a light gray pill.
·Navigation: a floating, centered black pill bar with white links, the accent pill button at its right end; keep it the only dark object on the page.
·Layout: centered hero of type only, then a logo strip in grayscale, then a two-column bento of equal white cards with generous 40px internal padding; each card = icon chip, coloured eyebrow, black subtitle, checklist, ghost link, then a live data fragment.
·Motion/feel: calm and friendly; let real-looking UI (tables, maps, score rings) carry the visual weight instead of illustration.

Details7 worth noting

visitors.now — the captured page — Landing, 1440 × 900 · captured Sep 13, 2026

1Floating dark pill nav
Floating dark pill nav (black, ~9999px radius) that stays the only dark element on a white page, with the accent-filled Register button nested inside it as a pill-within-a-pill.
2Rounded geometric display headline
Hero headline set in Open Runde at 60px/600 with -3px tracking: the rounded terminals keep a tight, heavy headline from feeling cold.
3Nested announcement pill
Announcement pill above the H1: a small solid "NEW" badge inside a tinted outer pill ("We hit $1K MRR ›") — two nested radii, one tint family.
4Tab bar floating on the seam
Section transition that swaps a white hero for a soft violet aurora gradient, with a segmented tab bar (Dashboard · Profiles · Funnels · Performance · Realtime) floating on the seam and the product screenshot rising out of it.
5One hue per feature card
Feature cards each open with a small circular icon chip, a coloured eyebrow title (pink / amber / green — one hue per feature), a black two-line subtitle and a three-item checklist with icons in the same hue, then a ghost pill "Learn more ›" — a consistent recipe repeated across a bento grid.
6Real data as decoration
Data used as decoration: the visitor table with flag-overlaid avatars and verified ticks, referrer pills (Google, Twitter, GitHub, Hacker News) with favicons, and the large green score ring with a "0-49 / 50-89 / 90+" legend.
7Metric strip with delta chips
Metric strip in the dashboard mock: small gray label, bold value, red/green delta chip in tabular figures.