Tokens

Palette & Type Scale

Neutral canvas, one vermillion accent, zero-radius geometry, and a Geist-led hierarchy that keeps the system sharp and technical.

Canvas #fafafa / neutral page background
Surface #ffffff / cards and panels
Ink #27272a / primary text and dark actions
Accent #ff5a00 / single vermillion highlight

Buttons

Primary & Secondary

Features

Three Columns

Layout Blocks

Hero, trust band, feature grids, panels, and more.

Premium Cards

Token card with holographic sheen and code window.

Interactive

Tabs, FAQ accordion, contact forms with JS.

Key Features

Pricing

One Plan

Everything included in a single subscription. No hidden fees.

Platform $49 / month
  • AI insights and problem list
  • Replay and heatmaps
  • Revenue loss counter
  • Trigger forms
  • Email notifications
  • Unlimited users
Get Started

Premium Component

Token Card

Preview Sample
Activation Key
8F2C-ZQ91-K4D7-TX5E
Unique 1 Code = 1 Order

Premium Component

Code Window

example.js 
const pluckDeep = key => obj =>
  key.split('.').reduce(
    (accum, key) => accum[key],
    obj
  );

// Extract tokens from page styles
const analyze = async (url) => {
  const tokens = await extractDesignTokens(url);
  return createDesignMarkdown(tokens);
};