Temporal Brand Guidelines

Official brand reference for Temporal Technologies, Inc. Apply these guidelines whenever creating UI code, presentations, diagrams, or any visual content for Temporal.

Colors

Brand Integrity — Color Rules

• UV (#444CE7) should be used whenever possible to represent the Temporal brand.
• Dark mode is strongly preferred. Do not use white or light backgrounds — use Space Black (#141414). There are countless reasons to dim the lights: aesthetics, readability, eye strain reduction, and more.

Typography

Temporal's custom typeface is not publicly documented. When typography details are needed:

• Contact: design@temporal.io
• Safe fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif

Logo Usage

Logo files are bundled in ./assets/logos/. Choose the variant that matches the surface:

Logo Integrity Rules

• The logo must only appear in Space Black, Off White, or standard black/white — never recolored.
• Maintain clear space of at least one capital "T" width on all four sides.
• Do not ghost or fade the logo without approval from the Temporal design team (design@temporal.io).

Dark / Light Mode

Dark mode is the preferred default per Temporal brand guidance.

/* Dark mode (preferred) */
:root {
  --color-background: #141414;   /* Space Black */
  --color-surface: #1e1e1e;
  --color-accent: #444CE7;       /* UV */
  --color-text-primary: #F8FAFC; /* Off White */
  --color-text-muted: #9ca3af;
  --color-border: #2d2d2d;
}

/* Light mode (use sparingly) */
[data-theme="light"] {
  --color-background: #F8FAFC;   /* Off White */
  --color-surface: #ffffff;
  --color-accent: #444CE7;       /* UV */
  --color-text-primary: #141414; /* Space Black */
  --color-text-muted: #6b7280;
  --color-border: #e5e7eb;
}

Accessibility

WCAG AA contrast requirements (4.5:1 for normal text, 3:1 for large text / UI):

Use Off White text on UV backgrounds only for large text or non-text UI elements to maintain AA compliance.

Reference

See ./references/brand-guidelines.md for detailed rules, extended color derivations, full CSS custom properties, and contact information.