Pointkit Design System

Color

White canvas, ink type, and blue→teal accents — Arcade-like field, Pointkit brand.

Canvas

White

Surface

Surface Muted

Ink

Ink Soft

Text on Light

Text on Light Muted

Border

Border Strong

Brand Blue

Brand Teal

Brand Sky

Brand Mint

Brand Cyan

Brand Blue Deep

Brand Emerald

Grad Stop 1

Grad Stop 2

Grad Stop 3

Grad Stop 4

Text on Dark

Text on Dark Muted

Surface Glass (alias)

Surface Glass Strong (alias)

Border Glass (alias)

Live preview

Loyalty points + AI concierge

For your store
AI-native
loyalty points.

Speak-level clarity for merchants — balance, expiry, and redeem in one flow. Edit tokens on the left; this preview updates live.

Get Early Access See how it works

Surface card

White field, hairline border, and radius tokens drive this block.

Accent card

Brand gradient + soft elevation for featured content.

Radius pill100px

Motion0.3s · cubic-bezier(0.22, 1, 0.36, 1)

Section Y120px

Component primitives

Core building blocks the LP already uses — wired to the same tokens.

Primary CTAGet Early Access

GhostTalk to us first

Pill badgeEarly Access

Gradient swatch

For your storeAI-nativeloyalty points.

Surface card

Accent card

Component primitives

For your store
AI-native
loyalty points.