Temporal Brand Identity

A complete profile of Temporal's visual system — colors, typography, components, and personality — extracted from https://temporal.io/. Built for designers, agents, and AI tools.

• Page: https://characterquilt.com/branding/temporal
• Machine-readable JSON: https://characterquilt.com/branding/temporal.json
• Per-page llms.txt: https://characterquilt.com/branding/temporal/llms.txt

Quick Facts

Color Palette

• primary: #DBFF4B
• secondary: #CACBF9
• accent: #DBFF4B
• background: #141414
• textPrimary: #141414
• link: #7C8FB1

Typography

• primary: Aeonik — https://fonts.google.com/specimen/Aeonik
• heading: Aeonik — https://fonts.google.com/specimen/Aeonik

Visual Assets

• Logo: https://temporal.io/images/logos/logo-temporal-with-copy-white-text.svg
• Favicon: https://temporal.io/favicon.ico

UI Components

• input: background=#FFFFFF, textColor=#141414, borderColor=null, borderRadius=0px, shadow=none
• buttonPrimary: background=transparent, textColor=#FFFFFF, borderRadius=0px, shadow=none
• buttonSecondary: background=#141414, textColor=#FFFFFF, borderRadius=0px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: developers and tech companies

Temporal Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

• Keynote: Product Announcements at Replay 2023 | Temporal
  • Image: https://images.ctfassets.net/0uuz8ydxyd9p/2rCtGkbfn1AuVq1K9BBbqY/d714dd855d39ed11eed844ded2d8a4fe/861A2388.jpg
  • Source: https://temporal.io/resources/on-demand/keynote-product-announcements
• Blog | Temporal
  • Image: https://images.ctfassets.net/0uuz8ydxyd9p/52XlRRpDJ8R2ctRVZ9aQPy/1694b35fab0e7da739c4cd925937f012/Inside_the_Google_ADK_and_Temporal_integration.png
  • Source: https://temporal.io/blog
• What will AI do to your career? | Temporal
  • Image: https://images.ctfassets.net/0uuz8ydxyd9p/7EdtHMKPMc4iH2gcwIzp8U/1909c8a7ab0fb81b122afe6810bb58c1/861A2412.jpg
  • Source: https://temporal.io/blog/what-will-ai-do-to-your-career
• Blog | Temporal
  • Image: https://images.ctfassets.net/0uuz8ydxyd9p/5nsjZNFCO67g529q0CE2L8/242a8921a9d1459246af03ee404a8f1c/From_agent_zoo_to_agent_orchestra_The_benefits_of_Temporal_as_your_enterprise_agentic_control_plane.png
  • Source: https://temporal.io/blog
• Temporal for Financial Services | Temporal
  • Image: https://images.ctfassets.net/0uuz8ydxyd9p/3IGtmgLnu3KCDfdhvC0eJz/1163abb9a0a555e9dc9f3dc36b41cb79/finserv.png
  • Source: https://temporal.io/solutions/financial-services
• Blog | Temporal
  • Image: https://images.ctfassets.net/0uuz8ydxyd9p/49diKv8SaO4NERVJCtjp0F/41b63c68a89e7756414075ad15e64034/Blog__57_.png
  • Source: https://temporal.io/blog

Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each src: url(...) to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step is the same.