Tempo Brand Identity

A complete profile of Tempo's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

• primary: #C6A778
• secondary: #3357DE
• accent: #C6A778
• background: #EDE7E1
• textPrimary: #000000
• link: #2E291D

Typography

• primary: Helvetica Neue — Link
• heading: Moderat — Link

Visual Assets

• Logo:
• Social card (og:image):

UI Components

• input: background=#FFFFFF, textColor=#20242D, borderColor=null, borderRadius=120px, shadow=none
• buttonPrimary: background=#C6A778, textColor=#000000, borderRadius=100px, shadow=none
• buttonSecondary: background=#2E291D, textColor=#FFFFFF, borderRadius=100px, shadow=none

Brand Personality

Tone: modern · Energy: high · Audience: fitness enthusiasts

Tempo Brand in the Wild

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

• Move Plus Gym with 12 months unlimited training | Tempo
  • Image:
  • Source: Link
• Amazing Benefits of Vinyasa Yoga | Tempo | Tempo
  • Image:
  • Source: Link
• How Tempo Member Evelyn Irving Trains in a Week | Tempo
  • Image:
  • Source: Link
• Celebrating the Mothers of Tempo | Tempo
  • Image:
  • Source: Link
• Amazing Benefits of Vinyasa Yoga | Tempo | Tempo
  • Image:
  • Source: Link
• Benefits of Yoga & Meditation Post-COVID | Tempo
  • Image:
  • Source: Link

Working with these fonts

Not found on Google Fonts? Instructions:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font".
3. Hard-reload the page and click around.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources) and copy out the matching @font-face declarations.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
 {"family": "Moderat", "role": "heading"},
 {"family": "Helvetica Neue", "role": "body"}
 ],
 "colors": {
 "primary": "#C6A778",
 "secondary": "#3357DE",
 "accent": "#C6A778",
 "background": "#EDE7E1",
 "textPrimary": "#000000",
 "link": "#2E291D"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Helvetica Neue",
 "heading": "Moderat"
 },
 "fontStacks": {
 "heading": ["Moderat", "Helvetica Neue", "Helvetica", "sans-serif"],
 "body": ["Moderat", "Helvetica Neue", "Helvetica", "sans-serif"],
 "paragraph": ["Moderat", "Helvetica Neue", "Helvetica", "sans-serif"]
 },
 "fontSizes": {
 "h1": "70px",
 "h2": "21px",
 "body": "26px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "16px"
 },
 "components": {
 "input": {
 "background": "#FFFFFF",
 "textColor": "#20242D",
 "borderColor": null,
 "borderRadius": "120px",
 "borderRadiusCorners": {
 "topLeft": "120px",
 "topRight": "120px",
 "bottomRight": "120px",
 "bottomLeft": "120px"
 },
 "shadow": "none"
 },
 "buttonPrimary": {
 "background": "#C6A778",
 "textColor": "#000000",
 "borderRadius": "100px",
 "borderRadiusCorners": {
 "topLeft": "100px",
 "topRight": "100px",
 "bottomRight": "100px",
 "bottomLeft": "100px"
 },
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "#2E291D",
 "textColor": "#FFFFFF",
 "borderRadius": "100px",
 "borderRadiusCorners": {
 "topLeft": "100px",
 "topRight": "100px",
 "bottomRight": "100px",
 "bottomLeft": "100px"
 },
 "shadow": "none"
 }
 },
 "images": {
 "logo": "https://tempo.fit/assets/www4/Logo.svg",
 "favicon": null,
 "ogImage": "https://www.datocms-assets.com/135987/1723905398-seo_image2-min.png",
 "logoHref": "/",
 "logoAlt": "Tempo"
 },
 "personality": {
 "tone": "modern",
 "energy": "high",
 "targetAudience": "fitness enthusiasts"
 },
 "designSystem": {
 "framework": "custom",
 "componentLibrary": ""
 },
 "confidence": {
 "buttons": 0.95,
 "colors": 0.9,
 "overall": 0.925
 }
}