Pirsch

About Pirsch

A privacy-friendly open-source web analytics platform. Fits analytics SaaS, privacy-first tools, dashboard apps, and developer-platform landing page designs.

Request a DESIGN.md analysisCustom, made for Pirsch Website Starter KitBuild your site from a starter template

Design tokens

12 colors · 10 type styles

Green (#6ece9d) primary on a cream (#f8f5ed) canvas, set in DM Sans throughout. The highlights below are read from the Pirsch DESIGN.md in the Pass bundle, which carries all 12 color tokens, 10 type styles and the full component rules.

Colors

Primarygreen#6ece9d
Secondaryvivid amber#ffda6e
Canvascream#f8f5ed
Surfacepure white#ffffff
Inkpure black#000000

Type

DM SansDisplayweight 500, 36 to 96px
DM SansBodyweight 500, 16 to 18px

Radius

none 0px
xs 6px
md 12px
lg 20px
xl 24px
full 9999px

Spacing

xxs 2px
xs 4px
sm 8px
md 12px
lg 16px
xl 20px
xxl 32px
section 64px
hero 128px

Components

Primary buttonbutton-primary
Primary buttons fill with green (#6ece9d) and carry pure black (#000000) text, set in DM Sans 16px at weight 500, with 6px corners and 10px 24px padding.
Cardfeature-card
Cards sit on pure white (#ffffff), with 12px corners and 32px padding.
Navigationnav-top
The top navigation runs on cream (#f8f5ed) with pure black (#000000) links, set in DM Sans 16px at weight 500, in a 80px bar.

Three ways to ship a Pirsch-style UI.

Use in your AI builder, no-code tool, or CMS

Lovablev0BoltFramerWebflowWordPressWixSquarespace CanvaGoDaddy

Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.