@o2e-brands/pebble-tokens

Design tokens for Pebble UI. Multi-brand-ready, web-only for v0.1.

Install

pnpm add @o2e-brands/pebble-tokens

Usage

// Per-brand import (recommended for tree-shaking)
import gj from "@o2e-brands/pebble-tokens/gj"

console.log(gj.colors.light.primary) // "#00539f"

// Barrel import (includes all brands)
import { gj } from "@o2e-brands/pebble-tokens"

// Import the contract type
import type { PebbleTheme } from "@o2e-brands/pebble-tokens"

Brands shipped in v0.1

• gj (1-800-GOT-JUNK?) - real values from Figma

Brands NOT shipped (deferred)

• w1d (WOW 1 Day Painting) - awaiting designer-approved values
• ss (Shack Shine) - awaiting designer-approved values

When designers commit values, add brands/w1d.ts and brands/ss.ts following the gj pattern, plus subpath exports in package.json.

Architecture

See pebble-ui-architecture/sections/08-token-system.md for the full token contract design.