CURATED · OPEN · FREE

Plausible

A privacy-friendly, lightweight Google Analytics alternative.

analyticsdev

Open in OpenDesign

Visit: https://plausible.io

Identity DNA

privacyanalyticssimplicityEuropean

A clean, transparent alternative to complex data tools.

Color

#5850ECAccent

#1F2937Ink

#4B5563Ink soft

#FFFFFFBG

#F9FAFBBG soft

#F3F4F6BG quiet

#9CA3AFMuted

rgba(0,0,0,0.05)Line

High contrast dark text on white background, with a single vibrant purple for primary actions and highlights.

Typography

humanist-sans · monospace

display48px · 700
h232px · 700
body16px · 400

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous vertical spacing between sections, tight grouping within components.

Surfaces

sm · 4px

md · 8px

lg · 12px

pill · 999px

1px solid #E5E7EB

0px 4px 20px rgba(0, 0, 0, 0.05)

Layout

1200container

12columns

24pxgutter

768 / 1024breakpoints

Centered single-column landing page with a full-width hero section followed by a detailed application preview.

Motion & Interaction

200msmicro

350mssmall

600msmedium

cubic-bezier(0.4, 0.0, 0.2, 1)easing

Subtle background color change on buttons. · Immediate visual feedback.

Components

button Solid purple primary button, white text, rounded corners. Secondary button with white background, grey border.
card Dashboard preview uses a white card with subtle shadow and grey borders for data sections.
chip None visible in the screenshot.
input None visible in the screenshot.
hero Large bold headline centered, subtext, two side-by-side CTA buttons, and a detailed application screenshot below.

Voice & Don'ts

Tone Direct, confident, and reassuring.
Headlines Short, punchy, benefit-driven.
CTAs Clear and action-oriented ('Start free trial', 'View live demo').

Don't use complex gradients — screenshot shows flat, solid color backgrounds.
Don't use multiple accent colors — screenshot shows a single dominant purple (#5850EC).
Don't use decorative scripts or serif display fonts — screenshot uses a clean humanist sans-serif.
Don't crowd the layout — screenshot shows generous whitespace and centered content.
Don't use dark mode or heavy shadows — screenshot shows a light, airy interface with subtle shadows.
Don't use complex iconography — screenshot uses minimal, simple UI icons.
Avoid: Technical jargon
Avoid: Vague marketing fluff
Avoid: Aggressive sales language

System prompt

This is a clean, professional SaaS landing page for a privacy-focused analytics tool. The design relies on a white background with a single vibrant purple (#5850EC) accent color for primary actions. Typography is a clean humanist sans-serif, prioritizing readability. Layout is centered and spacious, using a large hero section to introduce the product and a detailed app screenshot to build trust. The tone is direct and benefit-oriented. Critical donts: avoid dark mode, avoid multiple accent colors, avoid complex gradients, avoid cluttered layouts, avoid decorative fonts, avoid aggressive sales language.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗

en · zh-CN · zh-TW · ja · ko