Speakeasy

Speakeasy

Your API available everywhere. Generate MCP servers, SDKs, docs & Terraform providers all from OpenAPI

3.0
4
Visits
Visit

Available Pages

Version History

Design Analysis

Speakeasy Home design analysis

Design enterprise AI pages that feel serious, current, and controlled. The distinctive tension should come from a refined serif headline voice sitting inside a mostly monochrome governance shell structured by mono utilit...

Overview

Design enterprise AI pages that feel serious, current, and controlled. The distinctive tension should come from a refined serif headline voice sitting inside a mostly monochrome governance shell structured by mono utilities and thin spectral accents.

Image Direction

Use line-based or neutral technical graphics rather than mascots. Product imagery should be clean, architectural, and governance-oriented. If color appears, keep it to thin spectrum rules, edge treatments, or tiny control highlights.

Colors

Keep the palette overwhelmingly white, black, and gray. The identity color should behave like a spectrum trim or underline, not a big background block. Borders matter as much as fill colors.

Typography

Use a light editorial serif for hero messaging, then shift into crisp sans and mono utilities everywhere else. The contrast between those voices is part of the system and should remain visible.

Design.md

System Overview

Core identity and authoring metadata from the refto.one design model.

Monospace Control Plane Light

A bright enterprise AI system that combines editorial serif messaging, monospace controls, and compliance-grade neutral framing.

disciplined, editorial, and enterprise-ready with only tiny spectral color interruptions

Primary mode: lightenterprise AI platform marketingenterprise marketing

Theme

Fields outside the primary renderer remain visible here as structured fallback content.

Visual atmosphere
Summary
disciplined, editorial, and enterprise-ready with only tiny spectral color interruptions
Density
3
Variance
2
Motion
2
Signals
white page field · light serif hero · monospace utility accents · neutral product cards

Colors

Primitive palettes and resolved token colors for the active preview mode.

Palette colors
Snow
#FAFAFA
Control Black
#111111
Border Gray
#DBDBDB
Mono Gray
#545454
Action Blue
#2E67FF
Action Red
#E05A3B
Action Green
#4A8A46
Pure White
#FFFFFF
Usage rules
Treat color as a thin signature line, not a page-filling theme.
Keep the page almost entirely white, black, and gray.
Use mono-gray utility detail to reinforce governance and control.

Token Spacing

Spacing scales rendered as tokens with a simple length specimen.

xs
6px
sm
10px
md
16px
lg
24px
section
96px

Token Radii

Corner radii tokens with a live surface sample.

sm
8px
md
16px
lg
24px
full
999px

Typography Families

Font families from the current design YAML, including fallback stacks and usage character.

Display
Tobias
light editorial serif for the control-plane message
Body
system-ui
clear enterprise explanation
Mono
diatypeMono
uppercase pills, labels, and agent controls

Typography Scale

Top-level typography scale rendered as live text specimens.

Display
4.125rem/—
Display
H2
2.125rem/—
H2
Body
1rem/—
Body
Caption
0.75rem/—
Caption

Typography Rules

Fields outside the primary renderer remain visible here as structured fallback content.

Rules
Let the serif hero carry the emotional difference; keep the rest of the page sans and utilitarian. · Use mono for pill controls, metadata, and governance language. · Avoid decorative weight or broad typography mixing beyond these three voices.

Motion

Motion tokens rendered as resolved values for timing and personality.

Duration
160ms-280ms
Easing
cubic-bezier(.2,.8,.2,1)
Spring
stiffness 110, damping 20

Motion

Resolved motion token values.

PropertyValue
duration160ms-280ms
easingcubic-bezier(.2,.8,.2,1)
springstiffness 110, damping 20

Layout Principles

Use a wide white field with the hero left-weighted and product graphics or agent imagery on the right.
Break the page into clear enterprise chapters with lots of border-led separation.
Let mono tabs and filters structure the information without becoming loud.

Component Preview

Low-complexity component tokens rendered as design-system specimens.

Buttons primary
Base Attributes
Background
#333333
Text
#FFFFFF
Border
1px solid #333333
Radius
999px
Padding
12px 20px
Min height
44px
Buttons secondary
Base Attributes
Background
#FFFFFF
Text
#111111
Border
1px solid #DBDBDB
Radius
999px
Padding
12px 20px
Min height
44px
Navigation link
OverviewFeaturesDocs
Base Attributes
Background
transparent
Text
#111111
Border
0px none transparent
Radius
0px
Item padding
12px 14px
Cards enterprise
Feature Card
Component preview content
Base Attributes
Background
#FFFFFF
Text
#111111
Border
1px solid #DBDBDB
Radius
24px
Padding
24px
Pills mono
Base Attributes
Background
#333333
Text
#FFFFFF
Border
0px none transparent
Radius
999px
Padding
8px 16px
Typography
mono
Pills outline
Base Attributes
Background
#FFFFFF
Text
#111111
Border
1px solid #DBDBDB
Radius
999px
Padding
8px 16px
Typography
mono

Image direction

Schema-agnostic optional blocks from the design YAML. New option keys render here automatically.

Role
supportive
Media types
  • -
    ASCII/agent graphic
  • -
    control-plane diagram
  • -
    neutral enterprise mockup
Subject patterns
  • -
    thin-spectrum rule
  • -
    line-based technical art
  • -
    clean product captures
Composition logic
  • -
    Use graphics as structured evidence, not as decorative mascots.
  • -
    Keep large empty fields around the hero.
Treatment rules
  • -
    Limit color to rules, edges, or tiny emphasis strokes.
  • -
    Favor black linework and quiet neutral surfaces.
Generation cues
  • -
    white enterprise AI landing page with serif hero and mono controls
  • -
    ASCII line art agent graphic
Avoid
  • -
    No glowing blob illustrations.
  • -
    No rainbow gradient fills across large sections.

Anti Patterns

Compact list of patterns the design system explicitly avoids.

  • -
    Do not replace the system with generic colorful AI gradients.
  • -
    Do not remove the serif-versus-mono tension that makes the system distinctive.
  • -
    Do not soften the enterprise shell into bubbly consumer onboarding UI.