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

Name	Hex	Use
UV	#444CE7	Primary accent, CTAs, interactive elements, brand representation
Space Black	#141414	Dark backgrounds, dark mode (strongly preferred)
Off White	#F8FAFC	Light backgrounds, light mode

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:

Variant	Light mode	Dark mode
Horizontal lockup	temporal-logo-horizontal-light.svg	temporal-logo-horizontal-dark.svg
Vertical lockup	temporal-logo-vertical-light.svg	temporal-logo-vertical-dark.svg
Symbol only	temporal-symbol-light.svg	temporal-symbol-dark.svg

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):

Foreground	Background	Ratio	AA Normal	AA Large
UV #444CE7	Space Black #141414	~4.6:1	Pass	Pass
Off White #F8FAFC	Space Black #141414	~16:1	Pass	Pass
Off White #F8FAFC	UV #444CE7	~3.5:1	Fail	Pass
Space Black #141414	Off White #F8FAFC	~16:1	Pass	Pass
UV #444CE7	Off White #F8FAFC	~3.5:1	Fail	Pass

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.