planetscale.com

planetscale.com is a Jester brand — warm, kinetic, bold, fun and irreverent — anchored on #f2b600, mixed motion.

Adjectives

• warm
• kinetic
• bold
• fun
• irreverent

Personality axes

Evidence

• #f2b600 at 45° reads warm → warm (warmth +1)
• 9999px median radius, 150ms median motion → kinetic (energy +0.89)
• heaviest weight 700, 1.8:1 brand contrast → bold (weight +0.27)
• Axis fingerprint nearest the Jester archetype (87% fit, vs Lover).

Page intent

landing 31% confidence

Material language

flat

Imagery style

photography

Component library

tailwindcss

Stack

unknown · Tailwind

Voice tone

friendly

1 primary · 1 secondary · 1 accent · 7 neutrals · 10 total

Neutrals

Full palette

WCAG 86% · 6 passing pairs · 1 failing. Full breakdown in §11.

0 families · 2 sizes · 4 weights

Display

—

Body

—

Weights

400, 600, 500, 700

Specimen

Scale

Base 4px · 3 steps captured

Rhythm

1 radii · 0 elevation tiers

Border radii

unknown · 24 captured

Library

unknown

Confidence

0%

Stroke style

fillDominant

Feel: mixed · 1 durations · 1 easings

Duration scale

Easings

• custom

tailwindcss · 1 component patterns captured

Mocks

Detected patterns

friendly · — · —

Headlines from the site

• The world’s fastest and most scalable cloud databases
• Performance
• Uptime
• Cost

CTA verbs

• ×1
• ×1
• ×1
• ×1
• ×1
• ×1

Failing pairs

Suggested replacements

• #ffffff → (3.38:1)

Drop-in code for the most common stacks. All values from the live extraction.

:root {
  --color-primary: #f2b600;
  --font-display: "Inter";
  --space-base: 4px;
  --radius-md: 9999px;
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: { brand: '#f2b600' },
      fontFamily: { display: ['Inter', 'serif'] },
      spacing: { base: '4px' },
      borderRadius: { md: '9999px' },
    },
  },
};

Run npx designlang pack planetscale.com for the full bundle (DTCG, shadcn, Figma vars, motion, anatomy, Storybook).

1. Lead with the primary.

   It belongs on calls-to-action and one accent moment per screen. Not on body copy.

2. Two type families, three weights.

   Display for headlines, body for paragraphs. Resist a third unless there is a real reason.

3. Snap to the spacing scale.

   Padding, margin, and gap should land on the values in §05. One-off pixels accumulate into noise.

4. Treat accessibility as a hard constraint.

   When a colour pair fails WCAG, fix the colour — not the contrast check.