Brand

Logos, type, color, and surface tokens used in Prevail.

Logo

Mark

Icon

Wordmark

Prevail

Wordmark outline

Icons

FAB / favicon

Same core mark as the product icon. Use /favicon.svg in tabs and as a 16–32px FAB.

Web clip

180px home-screen tile. /web-clip.png and /apple-touch-icon.png.

App icon

General mark for landing pages and social. /app-icon.png (512) and /app-icon-1024.png.

Type

font-heading

Stack Sans Headline

font-sans

Geist — body copy for paragraphs and UI labels.

font-mono

Geist Mono — metric ids, slugs, code

Color

Brand

brand

#3B68ED

brand-dark

#2A5BEC

Use brand for highlights on web and other brand assets. brand-dark is the darker step.

UI

background

foreground

card

muted

primary

destructive

border

Charts

chart-1

chart-2

chart-3

chart-4

chart-5

chart-6

Radius

2xl

3xl

4xl

Surfaces

Card shell

24px radius, card fill, shadow, ring.

Card

Default bordered card used across settings and catalogs.

Buttons

Dark

Brand

Brand hover