Home
DESIGN.mdStar on GitHub
Copied!

The world's best AI runs on Temporal

Durable execution for mission-critical apps — write Workflows as code that survive failures, retries, and time.

Colors
Primary
Purple
#B664FF
Brand, timers
Mint
#1FF1A5
Completed, success
Indigo
#444CE7
Running, started
Ink
#141414
Page, surfaces
Accent Spectrum
Pink
#FF6BFF
Accent
Lime
#C3FF62
Accent
Mint Deep
#59FDA0
Success alt
Red
#FF5555
Failed, retry
Surfaces — Dark (real near-black)
Page
#141414
Background
Surface
#1C1C1E
Cards
Elevated
#26262A
Raised
Border
#33333A
Dividers
Text & Light
Text / Page-Light
#F8FAFC
Primary text
Secondary
#9CA3AF
Muted
Muted
#6B7280
Meta, disabled
Border (light)
#E5E7EB
Dividers
Typography — Aeonik · JetBrains Mono
h1
Durable Execution
40px900Aeonik
h2
Workflows as code
27px700lh 1.1
h3
Event history & replay
20px500lh 1.3
body
Temporal preserves the complete state of your application so it can recover from any failure and resume exactly where it left off.
15px300lh 1.6
mono
await workflow.executeActivity(chargeCard)
13pxJetBrains Mono
Signature — Workflow Event History
order-fulfillment-9f3a
OrderWorkflow · run 01HXQ…c7
Running
click to execute · retries included
Components
Buttons
Search
Workflow Status
Running Completed Failed Timed Out
Event Types
Timer ActivityCompleted ActivityFailed
Guardrails
DO
Render the Temporal mark in brand purple #B664FF or a flat color
Use Aeonik for display; the vivid spectrum as accents on near-black
Color events by status — running indigo, completed mint, retry red
Set Workflow IDs, event names, and run IDs in the mono stack
Make durability visible — show retries and attempts
DON'T
Don't reduce the brand to a single blue — Temporal leads with purple + mint
Don't invent dark surfaces; anchor on the real near-black #141414
Don't reuse a status color for an unrelated event type
Don't set IDs or event names in a proportional font
Don't hide failed attempts — the retry story is the product