Home · Branding · Onward

Onward Brand Identity

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

Download JSON
Primary
#EC5800
Accent
#EC5800
Body Font
Inter
Heading
GT Super Text Book

Color Palette

Brand palette extracted from https://useonward.com.

primary
#EC5800
rgb(236, 88, 0)
secondary
#FF7700
rgb(255, 119, 0)
accent
#EC5800
rgb(236, 88, 0)
background
#FFFFFF
rgb(255, 255, 255)
textPrimary
#000000
rgb(0, 0, 0)
link
#0000EE
rgb(0, 0, 238)

Typography

Each font links to its Google Fonts page where available.

primary
Inter
heading
GT Super Text Book
GT Super Text Book Google Fonts →
GT Super Text Book, sans-serif
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.

Visual Assets

Onward logo
Logo
Onward favicon
Favicon
Onward social image
Social Card

UI Components

Live previews rendered using Onward's actual button styles.

input
background #FFFFFF textColor #000000 borderColor null borderRadius 16px shadow rgb(0, 0, 0) 0px 0px 0px 0px inset, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset
buttonPrimary
background #EC5800 textColor #0000EE borderRadius 40px shadow none
buttonSecondary
background #FFFFFF textColor #0000EE borderRadius 40px shadow none

Brand Personality

Tone: modern Energy: medium Audience: e-commerce businesses

Onward Brand in the Wild

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

Frequently Asked Questions

What is Onward's primary brand color?

Onward's primary brand color is #EC5800. It anchors the visual identity across their website, product UI, and marketing materials.

What font does Onward use?

Onward uses Inter for body text and GT Super Text Book for headings. Fonts were detected on https://useonward.com as part of their live design system.

Does Onward use a light or dark theme?

Onward's primary site uses a light color scheme, with a background of #FFFFFF.

Where can I find Onward's logo?

Onward's logo is available directly on their site (https://useonward.com). The current logo URL is included in the machine-readable JSON profile linked above.

How was this brand profile generated?

This profile was extracted from https://useonward.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Onward.

Methodology

Brand data on this page was extracted from https://useonward.com on using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by CharacterQuilt and is not affiliated with or endorsed by Onward.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "GT Super Text Book",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#EC5800",
    "secondary": "#FF7700",
    "accent": "#EC5800",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#0000EE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "GT Super Text Book"
    },
    "fontStacks": {
      "heading": [
        "GT Super Text Book",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "56px",
      "h2": "48px",
      "body": "15px"
    }
  },
  "spacing": {
    "baseUnit": 10,
    "borderRadius": "8px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#000000",
      "borderColor": null,
      "borderRadius": "16px",
      "borderRadiusCorners": {
        "topLeft": "16px",
        "topRight": "16px",
        "bottomRight": "16px",
        "bottomLeft": "16px"
      },
      "shadow": "rgb(0, 0, 0) 0px 0px 0px 0px inset, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset"
    },
    "buttonPrimary": {
      "background": "#EC5800",
      "textColor": "#0000EE",
      "borderRadius": "40px",
      "borderRadiusCorners": {
        "topLeft": "40px",
        "topRight": "40px",
        "bottomRight": "40px",
        "bottomLeft": "40px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#0000EE",
      "borderRadius": "40px",
      "borderRadiusCorners": {
        "topLeft": "40px",
        "topRight": "40px",
        "bottomRight": "40px",
        "bottomLeft": "40px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 105 17\" xmlns=\"http://www.w3.org/2000/svg\"><g d=\"M 30.059 0 C 31.249 0 32.355 0.21 33.374 0.633 C 34.372 1.041 35.276 1.648 36.031 2.417 C 36.785 3.187 37.384 4.096 37.794 5.093 C 38.218 6.11 38.429 7.221 38.429 8.426 C 38.429 9.631 38.217 10.75 37.794 11.783 C 37.384 12.78 36.785 13.689 36.031 14.459 C 35.272 15.23 34.37 15.844 33.374 16.266 C 32.355 16.689 31.25 16.9 30.059 16.9 C 28.93 16.909 27.811 16.694 26.767 16.266 C 25.771 15.844 24.869 15.23 24.11 14.459 C 23.355 13.689 22.756 12.781 22.346 11.783 C 21.923 10.75 21.712 9.631 21.712 8.426 C 21.712 7.221 21.923 6.11 22.346 5.093 C 22.756 4.096 23.355 3.187 24.11 2.417 C 24.865 1.648 25.769 1.041 26.767 0.633 C 27.811 0.206 28.931 -0.009 30.059 0 Z M 30.059 2.675 C 29.064 2.664 28.087 2.933 27.237 3.45 C 26.407 3.95 25.747 4.631 25.262 5.492 C 24.776 6.352 24.533 7.331 24.533 8.426 C 24.533 9.522 24.776 10.508 25.262 11.384 C 25.728 12.24 26.409 12.96 27.237 13.473 C 28.084 13.973 29.024 14.224 30.059 14.224 C 31.109 14.224 32.049 13.974 32.88 13.473 C 33.719 12.965 34.408 12.244 34.879 11.383 C 35.365 10.507 35.608 9.522 35.608 8.426 C 35.608 7.331 35.365 6.353 34.878 5.492 C 34.406 4.646 33.716 3.941 32.88 3.45 C 32.05 2.933 31.109 2.675 30.059 2.675 Z M 43.02 5.187 L 43.02 6.737 C 43.389 6.182 43.901 5.735 44.502 5.445 C 45.133 5.116 45.835 4.946 46.547 4.952 C 47.989 4.952 49.134 5.422 49.98 6.361 C 50.827 7.284 51.25 8.536 51.25 10.116 L 51.25 16.666 L 48.616 16.666 L 48.616 10.539 C 48.616 9.615 48.366 8.888 47.864 8.356 C 47.378 7.824 46.728 7.558 45.913 7.558 C 45.317 7.558 44.76 7.706 44.243 8.004 C 43.74 8.272 43.318 8.669 43.02 9.154 L 43.02 16.665 L 40.41 16.665 L 40.41 5.187 Z M 56.364 16.665 L 52.202 5.187 L 55 5.187 L 57.422 12.627 L 60.079 5.187 L 62.219 5.187 L 64.922 12.627 L 67.321 5.187 L 70.142 5.187 L 65.957 16.665 L 63.887 16.665 L 61.16 9.225 L 58.41 16.665 Z M 82.381 5.187 L 82.381 16.665 L 79.771 16.665 L 79.771 15.116 C 79.474 15.632 78.98 16.063 78.291 16.407 C 77.608 16.734 76.86 16.903 76.103 16.9 C 75.069 16.9 74.136 16.634 73.305 16.102 C 72.467 15.563 71.78 14.819 71.307 13.942 C 70.821 13.035 70.578 12.025 70.578 10.914 C 70.578 9.804 70.821 8.802 71.307 7.91 C 71.78 7.033 72.467 6.29 73.305 5.75 C 74.136 5.218 75.069 4.952 76.103 4.952 C 76.872 4.952 77.6 5.124 78.29 5.469 C 78.98 5.797 79.473 6.219 79.771 6.736 L 79.771 5.186 L 82.381 5.186 Z M 79.771 12.698 L 79.771 9.178 C 79.489 8.677 79.058 8.262 78.478 7.933 C 77.922 7.607 77.289 7.437 76.644 7.44 C 75.986 7.44 75.39 7.597 74.857 7.91 C 74.344 8.203 73.915 8.624 73.611 9.13 C 73.313 9.647 73.164 10.241 73.164 10.914 C 73.164 11.572 73.314 12.166 73.611 12.698 C 73.913 13.219 74.342 13.655 74.857 13.966 C 75.404 14.267 76.02 14.421 76.644 14.412 C 77.287 14.412 77.898 14.247 78.478 13.919 C 79.058 13.59 79.489 13.183 79.771 12.699 Z M 85.054 16.665 L 85.054 5.187 L 87.664 5.187 L 87.664 6.76 C 87.964 6.21 88.412 5.755 88.957 5.445 C 89.522 5.116 90.07 4.952 90.603 4.952 C 91.136 4.952 91.575 5.015 91.92 5.14 L 91.755 7.605 C 91.318 7.446 90.856 7.367 90.391 7.37 C 89.968 7.37 89.482 7.542 88.934 7.886 C 88.401 8.231 87.978 8.716 87.664 9.342 L 87.664 16.665 Z M 104 0.234 L 104 16.665 L 101.39 16.665 L 101.39 15.116 C 101.092 15.632 100.599 16.063 99.909 16.407 C 99.226 16.734 98.479 16.903 97.722 16.9 C 96.688 16.9 95.755 16.634 94.924 16.102 C 94.086 15.562 93.399 14.819 92.926 13.942 C 92.44 13.035 92.196 12.025 92.196 10.914 C 92.196 9.804 92.44 8.802 92.926 7.91 C 93.399 7.033 94.086 6.29 94.924 5.75 C 95.754 5.218 96.688 4.952 97.722 4.952 C 98.49 4.952 99.219 5.124 99.909 5.469 C 100.599 5.797 101.092 6.219 101.39 6.736 L 101.39 0.234 Z M 94.783 10.914 C 94.783 11.572 94.932 12.166 95.23 12.698 C 95.532 13.219 95.961 13.655 96.476 13.966 C 97.023 14.267 97.639 14.421 98.263 14.412 C 98.906 14.412 99.509 14.247 100.073 13.919 C 100.653 13.59 101.092 13.183 101.39 12.699 L 101.39 9.176 C 101.108 8.676 100.677 8.261 100.097 7.932 C 99.541 7.606 98.908 7.436 98.263 7.439 C 97.605 7.439 97.009 7.596 96.476 7.909 C 95.963 8.202 95.534 8.623 95.23 9.129 C 94.932 9.646 94.783 10.24 94.783 10.913 Z M 3.748 13.417 C 3.77 13.341 3.749 13.259 3.693 13.203 C 3.637 13.146 3.554 13.125 3.478 13.147 L 0.158 14.107 C 0.064 14.134 0 14.22 0 14.317 L 0 16.671 C 0 16.791 0.098 16.889 0.218 16.889 L 2.582 16.889 C 2.679 16.89 2.765 16.826 2.792 16.732 Z M 0.158 9.34 C 0.064 9.366 0 9.452 0 9.55 L 0 11.392 C 0 11.535 0.136 11.64 0.275 11.602 L 6.644 9.893 C 6.719 9.872 6.8 9.894 6.855 9.949 C 6.91 10.004 6.931 10.084 6.911 10.16 L 5.198 16.528 C 5.181 16.593 5.195 16.663 5.236 16.716 C 5.277 16.77 5.34 16.801 5.408 16.802 L 7.288 16.802 C 7.385 16.802 7.471 16.738 7.498 16.645 L 10.338 6.779 C 10.36 6.702 10.339 6.62 10.283 6.564 C 10.227 6.508 10.144 6.487 10.068 6.509 L 0.159 9.341 Z M 0.158 4.657 C 0.064 4.684 0 4.77 0 4.867 L 0 6.9 C 0 7.044 0.137 7.148 0.276 7.11 L 13.258 3.52 C 13.334 3.499 13.415 3.521 13.47 3.576 C 13.525 3.632 13.547 3.712 13.526 3.788 L 9.924 16.715 C 9.906 16.781 9.919 16.851 9.961 16.905 C 10.002 16.959 10.066 16.991 10.134 16.991 L 12.177 16.991 C 12.274 16.991 12.36 16.927 12.387 16.833 L 17.004 0.554 C 17.047 0.402 17.005 0.238 16.893 0.127 C 16.781 0.015 16.617 -0.027 16.465 0.017 Z\" fill=\"transparent\" height=\"16.991065357173113px\" id=\"YHsXvWwWM\" width=\"103.99999914550781px\"><path d=\"M 30.059 0 C 31.249 0 32.355 0.21 33.374 0.633 C 34.372 1.041 35.276 1.648 36.031 2.417 C 36.785 3.187 37.384 4.096 37.794 5.093 C 38.218 6.11 38.429 7.221 38.429 8.426 C 38.429 9.631 38.217 10.75 37.794 11.783 C 37.384 12.78 36.785 13.689 36.031 14.459 C 35.272 15.23 34.37 15.844 33.374 16.266 C 32.355 16.689 31.25 16.9 30.059 16.9 C 28.93 16.909 27.811 16.694 26.767 16.266 C 25.771 15.844 24.869 15.23 24.11 14.459 C 23.355 13.689 22.756 12.781 22.346 11.783 C 21.923 10.75 21.712 9.631 21.712 8.426 C 21.712 7.221 21.923 6.11 22.346 5.093 C 22.756 4.096 23.355 3.187 24.11 2.417 C 24.865 1.648 25.769 1.041 26.767 0.633 C 27.811 0.206 28.931 -0.009 30.059 0 Z M 30.059 2.675 C 29.064 2.664 28.087 2.933 27.237 3.45 C 26.407 3.95 25.747 4.631 25.262 5.492 C 24.776 6.352 24.533 7.331 24.533 8.426 C 24.533 9.522 24.776 10.508 25.262 11.384 C 25.728 12.24 26.409 12.96 27.237 13.473 C 28.084 13.973 29.024 14.224 30.059 14.224 C 31.109 14.224 32.049 13.974 32.88 13.473 C 33.719 12.965 34.408 12.244 34.879 11.383 C 35.365 10.507 35.608 9.522 35.608 8.426 C 35.608 7.331 35.365 6.353 34.878 5.492 C 34.406 4.646 33.716 3.941 32.88 3.45 C 32.05 2.933 31.109 2.675 30.059 2.675 Z M 43.02 5.187 L 43.02 6.737 C 43.389 6.182 43.901 5.735 44.502 5.445 C 45.133 5.116 45.835 4.946 46.547 4.952 C 47.989 4.952 49.134 5.422 49.98 6.361 C 50.827 7.284 51.25 8.536 51.25 10.116 L 51.25 16.666 L 48.616 16.666 L 48.616 10.539 C 48.616 9.615 48.366 8.888 47.864 8.356 C 47.378 7.824 46.728 7.558 45.913 7.558 C 45.317 7.558 44.76 7.706 44.243 8.004 C 43.74 8.272 43.318 8.669 43.02 9.154 L 43.02 16.665 L 40.41 16.665 L 40.41 5.187 Z M 56.364 16.665 L 52.202 5.187 L 55 5.187 L 57.422 12.627 L 60.079 5.187 L 62.219 5.187 L 64.922 12.627 L 67.321 5.187 L 70.142 5.187 L 65.957 16.665 L 63.887 16.665 L 61.16 9.225 L 58.41 16.665 Z M 82.381 5.187 L 82.381 16.665 L 79.771 16.665 L 79.771 15.116 C 79.474 15.632 78.98 16.063 78.291 16.407 C 77.608 16.734 76.86 16.903 76.103 16.9 C 75.069 16.9 74.136 16.634 73.305 16.102 C 72.467 15.563 71.78 14.819 71.307 13.942 C 70.821 13.035 70.578 12.025 70.578 10.914 C 70.578 9.804 70.821 8.802 71.307 7.91 C 71.78 7.033 72.467 6.29 73.305 5.75 C 74.136 5.218 75.069 4.952 76.103 4.952 C 76.872 4.952 77.6 5.124 78.29 5.469 C 78.98 5.797 79.473 6.219 79.771 6.736 L 79.771 5.186 L 82.381 5.186 Z M 79.771 12.698 L 79.771 9.178 C 79.489 8.677 79.058 8.262 78.478 7.933 C 77.922 7.607 77.289 7.437 76.644 7.44 C 75.986 7.44 75.39 7.597 74.857 7.91 C 74.344 8.203 73.915 8.624 73.611 9.13 C 73.313 9.647 73.164 10.241 73.164 10.914 C 73.164 11.572 73.314 12.166 73.611 12.698 C 73.913 13.219 74.342 13.655 74.857 13.966 C 75.404 14.267 76.02 14.421 76.644 14.412 C 77.287 14.412 77.898 14.247 78.478 13.919 C 79.058 13.59 79.489 13.183 79.771 12.699 Z M 85.054 16.665 L 85.054 5.187 L 87.664 5.187 L 87.664 6.76 C 87.964 6.21 88.412 5.755 88.957 5.445 C 89.522 5.116 90.07 4.952 90.603 4.952 C 91.136 4.952 91.575 5.015 91.92 5.14 L 91.755 7.605 C 91.318 7.446 90.856 7.367 90.391 7.37 C 89.968 7.37 89.482 7.542 88.934 7.886 C 88.401 8.231 87.978 8.716 87.664 9.342 L 87.664 16.665 Z M 104 0.234 L 104 16.665 L 101.39 16.665 L 101.39 15.116 C 101.092 15.632 100.599 16.063 99.909 16.407 C 99.226 16.734 98.479 16.903 97.722 16.9 C 96.688 16.9 95.755 16.634 94.924 16.102 C 94.086 15.562 93.399 14.819 92.926 13.942 C 92.44 13.035 92.196 12.025 92.196 10.914 C 92.196 9.804 92.44 8.802 92.926 7.91 C 93.399 7.033 94.086 6.29 94.924 5.75 C 95.754 5.218 96.688 4.952 97.722 4.952 C 98.49 4.952 99.219 5.124 99.909 5.469 C 100.599 5.797 101.092 6.219 101.39 6.736 L 101.39 0.234 Z M 94.783 10.914 C 94.783 11.572 94.932 12.166 95.23 12.698 C 95.532 13.219 95.961 13.655 96.476 13.966 C 97.023 14.267 97.639 14.421 98.263 14.412 C 98.906 14.412 99.509 14.247 100.073 13.919 C 100.653 13.59 101.092 13.183 101.39 12.699 L 101.39 9.176 C 101.108 8.676 100.677 8.261 100.097 7.932 C 99.541 7.606 98.908 7.436 98.263 7.439 C 97.605 7.439 97.009 7.596 96.476 7.909 C 95.963 8.202 95.534 8.623 95.23 9.129 C 94.932 9.646 94.783 10.24 94.783 10.913 Z M 3.748 13.417 C 3.77 13.341 3.749 13.259 3.693 13.203 C 3.637 13.146 3.554 13.125 3.478 13.147 L 0.158 14.107 C 0.064 14.134 0 14.22 0 14.317 L 0 16.671 C 0 16.791 0.098 16.889 0.218 16.889 L 2.582 16.889 C 2.679 16.89 2.765 16.826 2.792 16.732 Z\" fill=\"rgb(0, 0, 0)\" height=\"16.900572245556447px\" id=\"rYJ64bWes\" width=\"103.99999914550781px\"/><path d=\"M 0.158 2.84 C 0.064 2.866 0 2.952 0 3.05 L 0 4.892 C 0 5.035 0.136 5.14 0.275 5.102 L 6.644 3.393 C 6.719 3.372 6.8 3.394 6.855 3.449 C 6.91 3.504 6.931 3.584 6.911 3.66 L 5.198 10.028 C 5.181 10.093 5.195 10.163 5.236 10.216 C 5.277 10.27 5.34 10.301 5.408 10.302 L 7.288 10.302 C 7.385 10.302 7.471 10.238 7.498 10.145 L 10.338 0.279 C 10.36 0.202 10.339 0.12 10.283 0.064 C 10.227 0.008 10.144 -0.013 10.068 0.009 L 0.159 2.841 Z\" fill=\"rgb(0, 0, 0)\" height=\"10.30159547126581px\" id=\"sSNp41sUB\" transform=\"translate(0 6.5)\" width=\"10.346594717461983px\"/><path d=\"M 0.158 4.657 C 0.064 4.684 0 4.77 0 4.867 L 0 6.9 C 0 7.044 0.137 7.148 0.276 7.11 L 13.258 3.52 C 13.334 3.499 13.415 3.521 13.47 3.576 C 13.525 3.632 13.547 3.712 13.526 3.788 L 9.924 16.715 C 9.906 16.781 9.919 16.851 9.961 16.905 C 10.002 16.959 10.066 16.991 10.134 16.991 L 12.177 16.991 C 12.274 16.991 12.36 16.927 12.387 16.833 L 17.004 0.554 C 17.047 0.402 17.005 0.238 16.893 0.127 C 16.781 0.015 16.617 -0.027 16.465 0.017 Z\" fill=\"rgb(0, 0, 0)\" height=\"16.991065357173113px\" id=\"Pphs20GTA\" width=\"17.020620009733875px\"/></g></svg>",
    "favicon": "https://framerusercontent.com/images/EgPFI5H4INdgsD7Z25mMzPMA2E.png",
    "ogImage": "https://framerusercontent.com/images/M7o9QMd7ICFLa0zFnShfCSeo4s.webp",
    "logoHref": "./"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is located in the header, is visible, and links to the homepage, which are strong indicators of the main brand logo.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 2,
      "text": "Offer Customer Upgrades",
      "reasoning": "Button #2 uses the brand's vibrant orange color (#EC5800), which is a strong indicator of a primary call-to-action. The text 'Offer Customer Upgrades' suggests a direct action related to the site's purpose."
    },
    "secondary": {
      "index": 1,
      "text": "Book a demo",
      "reasoning": "Button #1, 'Book a demo', has a different background color (#FFFFFF) and serves as a secondary action, inviting users to engage further with the product."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "e-commerce businesses"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is located in the header, is visible, and links to the homepage, which are strong indicators of the main brand logo.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}

Related Brand Profiles