# Moment Brand Identity

A complete profile of **Moment**'s visual system — colors, typography, components, and personality — extracted from https://moment.com/. Built for designers, agents, and AI tools.

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #34D399 |
| Accent | #34D399 |
| Body Font | Lausanne |
| Heading Font | Lausanne |

## Color Palette

- primary: #34D399
- secondary: #566869
- accent: #34D399
- background: #FFFFFF
- textPrimary: #183334
- link: #183334

## Typography

- primary: Lausanne — https://fonts.google.com/specimen/Lausanne
- heading: Lausanne — https://fonts.google.com/specimen/Lausanne

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20474%2098%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%3Ctitle%20style%3D%22fill%3A%20none%20!important%3B%22%3EMoment%20Technology%3C%2Ftitle%3E%0A%3Cdesc%20style%3D%22fill%3A%20none%20!important%3B%22%3Ehttps%3A%2F%2Fmoment.com%3C%2Fdesc%3E%0A%3Cpath%20d%3D%22M143.656%2024.7676C164.496%2024.7676%20178.888%2040.231%20178.888%2061.3428C178.888%2082.4548%20164.504%2097.7832%20143.656%2097.7832C122.808%2097.783%20108.297%2082.4546%20108.297%2061.3428C108.297%2040.2311%20122.816%2024.7678%20143.656%2024.7676ZM327.457%2024.7754C351.528%2024.7756%20360.264%2043.7348%20360.4%2062.5586V65.1113H306.344C307.417%2078.4232%20315.761%2086.4873%20327.457%2086.4873C336.065%2086.4872%20343.321%2083.1268%20345.745%2075.4629H359.329C355.433%2089.8469%20343.592%2097.7832%20327.593%2097.7832C306.889%2097.7832%20293.032%2082.8552%20293.032%2060.9434C293.032%2039.0314%20307.553%2024.7754%20327.457%2024.7754ZM459.488%2026.5195H472.936V37.543H459.488V74.3828C459.488%2081.1028%20462.312%2084.8711%20468.36%2084.8711H473.064V96.167H466.344C451.553%2096.167%20445.904%2087.5593%20445.904%2075.7275V37.543H435.28V26.5195H445.904V10.3828L459.488%204.33496V26.5195ZM98.7683%2096.0391H84.5125V16.167H84.24L57.7527%2096.0391H41.7527L15.1287%2016.167H14.8562V96.0391H0.600342V0.03125L24.0007%200.166992L49.8162%2078.959H49.9519L75.3679%200.03125H98.7683V96.0391ZM404.76%2024.7754C422.912%2024.7755%20429.768%2036.743%20429.768%2051.7988V96.0391H416.056V54.0869C416.056%2042.527%20411.616%2036.6074%20402.072%2036.6074C392.528%2036.6075%20384.056%2045.0794%20384.056%2062.8232V96.0312H370.208V26.5186H383.921V39.1592C387.553%2031.2232%20394.009%2024.7754%20404.76%2024.7754ZM259.961%2024.7676C277.041%2024.7676%20284.297%2036.7351%20284.297%2051.791V96.0312H270.585V54.0791C270.585%2042.5192%20266.417%2036.5997%20258.081%2036.5996C249.745%2036.5996%20243.024%2045.2076%20243.024%2062.1436V96.0234H229.44V54.0713C229.44%2042.5115%20226.617%2036.591%20217.073%2036.5908C205.241%2036.5908%20202.016%2048.6956%20202.016%2062.8076V96.0156H188.169V26.5195H201.873V38.2148C203.489%2031.7589%20210.209%2024.7676%20219.753%2024.7676C230.513%2024.7676%20236.96%2029.0716%20240.192%2038.3516C244.36%2029.3436%20250.409%2024.7676%20259.961%2024.7676ZM143.656%2036.1992C130.744%2036.1995%20122.009%2047.4951%20122.009%2061.3428C122.009%2075.1906%20130.616%2086.3513%20143.656%2086.3516C156.568%2086.3516%20165.304%2075.0548%20165.304%2061.3428C165.304%2047.6309%20156.568%2036.1992%20143.656%2036.1992ZM327.457%2035.7988C315.489%2035.7988%20308.096%2043.4629%20306.48%2054.7588H346.688C345.616%2043.735%20339.424%2035.799%20327.457%2035.7988ZM188.169%2026.5195H188.161L188.169%2026.4951V26.5195Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E
- Favicon: https://moment.com/favicon-96x96.png
- Social card (og:image): https://moment.com/og.png?v=2

## Brand Personality

Tone: professional · Energy: medium · Audience: investment managers and financial professionals

## Moment Brand in the Wild

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

- **Careers | Moment**
  - Image: https://moment.com/_astro/jp-morgan-chase-chase.uesq3P6E_Z1JIn6o.webp
  - Source: https://moment.com/careers
- **Careers | Moment**
  - Image: https://moment.com/_astro/tech-week-panel.DcDg2N_z_Z1wsVTN.webp
  - Source: https://moment.com/careers
- **Careers | Moment**
  - Image: https://moment.com/_astro/tech-week-dinner.a452hLRA_Z2j1CkC.webp
  - Source: https://moment.com/careers
- **Blog | Moment**
  - Image: https://moment.com/_astro/coverImage.DRZ3LYcK_1OVhsn.webp
  - Source: https://moment.com/blog
- **Careers | Moment**
  - Image: https://moment.com/_astro/series-b-nasdaq.DxiVwB7R.jpg
  - Source: https://moment.com/careers
- **Altruist Study | Moment**
  - Image: https://image.mux.com/524EuTvwRGIwRfbnOGiyVa5nYeqh39Wi01FKMm6h2ZWA/thumbnail.webp?time=11
  - Source: https://moment.com/customers/altruist

## 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.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Lausanne",
      "role": "body"
    },
    {
      "family": "Everett Mono",
      "role": "monospace"
    }
  ],
  "colors": {
    "primary": "#34D399",
    "secondary": "#566869",
    "accent": "#34D399",
    "background": "#FFFFFF",
    "textPrimary": "#183334",
    "link": "#183334"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Lausanne",
      "heading": "Lausanne"
    },
    "fontStacks": {
      "heading": [
        "Lausanne",
        "system-ui",
        "sans-serif"
      ],
      "body": [
        "Lausanne",
        "system-ui",
        "sans-serif"
      ],
      "paragraph": [
        "Lausanne",
        "system-ui",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "52px",
      "h2": "36px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 6,
    "borderRadius": "8px"
  },
  "components": {},
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20474%2098%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%3Ctitle%20style%3D%22fill%3A%20none%20!important%3B%22%3EMoment%20Technology%3C%2Ftitle%3E%0A%3Cdesc%20style%3D%22fill%3A%20none%20!important%3B%22%3Ehttps%3A%2F%2Fmoment.com%3C%2Fdesc%3E%0A%3Cpath%20d%3D%22M143.656%2024.7676C164.496%2024.7676%20178.888%2040.231%20178.888%2061.3428C178.888%2082.4548%20164.504%2097.7832%20143.656%2097.7832C122.808%2097.783%20108.297%2082.4546%20108.297%2061.3428C108.297%2040.2311%20122.816%2024.7678%20143.656%2024.7676ZM327.457%2024.7754C351.528%2024.7756%20360.264%2043.7348%20360.4%2062.5586V65.1113H306.344C307.417%2078.4232%20315.761%2086.4873%20327.457%2086.4873C336.065%2086.4872%20343.321%2083.1268%20345.745%2075.4629H359.329C355.433%2089.8469%20343.592%2097.7832%20327.593%2097.7832C306.889%2097.7832%20293.032%2082.8552%20293.032%2060.9434C293.032%2039.0314%20307.553%2024.7754%20327.457%2024.7754ZM459.488%2026.5195H472.936V37.543H459.488V74.3828C459.488%2081.1028%20462.312%2084.8711%20468.36%2084.8711H473.064V96.167H466.344C451.553%2096.167%20445.904%2087.5593%20445.904%2075.7275V37.543H435.28V26.5195H445.904V10.3828L459.488%204.33496V26.5195ZM98.7683%2096.0391H84.5125V16.167H84.24L57.7527%2096.0391H41.7527L15.1287%2016.167H14.8562V96.0391H0.600342V0.03125L24.0007%200.166992L49.8162%2078.959H49.9519L75.3679%200.03125H98.7683V96.0391ZM404.76%2024.7754C422.912%2024.7755%20429.768%2036.743%20429.768%2051.7988V96.0391H416.056V54.0869C416.056%2042.527%20411.616%2036.6074%20402.072%2036.6074C392.528%2036.6075%20384.056%2045.0794%20384.056%2062.8232V96.0312H370.208V26.5186H383.921V39.1592C387.553%2031.2232%20394.009%2024.7754%20404.76%2024.7754ZM259.961%2024.7676C277.041%2024.7676%20284.297%2036.7351%20284.297%2051.791V96.0312H270.585V54.0791C270.585%2042.5192%20266.417%2036.5997%20258.081%2036.5996C249.745%2036.5996%20243.024%2045.2076%20243.024%2062.1436V96.0234H229.44V54.0713C229.44%2042.5115%20226.617%2036.591%20217.073%2036.5908C205.241%2036.5908%20202.016%2048.6956%20202.016%2062.8076V96.0156H188.169V26.5195H201.873V38.2148C203.489%2031.7589%20210.209%2024.7676%20219.753%2024.7676C230.513%2024.7676%20236.96%2029.0716%20240.192%2038.3516C244.36%2029.3436%20250.409%2024.7676%20259.961%2024.7676ZM143.656%2036.1992C130.744%2036.1995%20122.009%2047.4951%20122.009%2061.3428C122.009%2075.1906%20130.616%2086.3513%20143.656%2086.3516C156.568%2086.3516%20165.304%2075.0548%20165.304%2061.3428C165.304%2047.6309%20156.568%2036.1992%20143.656%2036.1992ZM327.457%2035.7988C315.489%2035.7988%20308.096%2043.4629%20306.48%2054.7588H346.688C345.616%2043.735%20339.424%2035.799%20327.457%2035.7988ZM188.169%2026.5195H188.161L188.169%2026.4951V26.5195Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E",
    "favicon": "https://moment.com/favicon-96x96.png",
    "ogImage": "https://moment.com/og.png?v=2",
    "logoHref": "/",
    "logoAlt": "Moment Technology"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 1,
    "reasoning": "Selected #1 because it is visible, located in the header, links to the homepage, and matches the brand name 'Moment'.",
    "confidence": 0.95,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": -1,
      "text": "N/A",
      "reasoning": "All buttons have the same background color (#FFFFFF), which is not vibrant or distinctive enough to be a primary CTA."
    },
    "secondary": {
      "index": -1,
      "text": "N/A",
      "reasoning": "No valid secondary button exists as all buttons share the same background color."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "investment managers and financial professionals"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.9,
    "colors": 0.9,
    "overall": 0.9
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 1,
        "selectedLogoReasoning": "Selected #1 because it is visible, located in the header, links to the homepage, and matches the brand name 'Moment'.",
        "confidence": 0.95
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```