Planetscale

Reference it for

• Setting the entire interface, not just code blocks, in ui-monospace so every heading, paragraph and nav item shares the fixed-width texture
• Achromatic base: charcoal #414141 body text on #fafafa canvas with #737373 for muted, colour used only where it earns attention
• A single vivid action accent, ember #f35815, reserved for the primary CTA pill ('Get in touch') and nothing else
• Restrained link blue #0b6ec5 for inline text links, kept distinct from the orange action colour
• Flat, borderless surfaces: hierarchy from type weight, spacing and hairline #c1c1c1 rules, no drop shadows or elevation
• Left orange accent bar flagging the hero headline instead of a large display size, a small typographic marker doing hero duty
• A raw hairline logo grid (5-up) where every customer mark sits in its own thin-ruled cell, table-like rather than carousel
• Fully-round pill buttons (radius 9999px) against square 0px cards and inputs, a deliberate radius contrast

Do not copy

• The PlanetScale planet/orbit mark and wordmark
• The named customer logos in the proof grid (Block, Etsy, Intercom, Cursor, Slack and the rest)
• The exact ember-orange #f35815 as your accent, it reads as PlanetScale
• Product-specific copy like 'Database Traffic Control', 'Vitess', 'Tier 0 databases', 'unlimited IOPS'
• The literal DESIGN.md-for-AI-agents conceit and man-page framing as a brand gimmick