Ona Brand Identity

A complete profile of Ona's visual system — colors, typography, components, and personality — extracted from ona.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from ona.com.

• primary: #397554
  rgb(57, 117, 84)
• secondary: #374151
  rgb(55, 65, 81)
• accent: #0A0E19
  rgb(10, 14, 25)
• background: #ECECEC
  rgb(236, 236, 236)
• textPrimary: #0A0E19
  rgb(10, 14, 25)
• link: #0A0E19
  rgb(10, 14, 25)

Typography

Each font links to its Google Fonts page where available.

• primary: ABC Diatype
  Google Fonts →
• heading: Martina Plantijn
  Google Fonts →

Visual Assets

%20!important%3B%22%2F%3E%3Cg%20opacity%3D%221%22%20style%3D%22fill%3A%20none%20!important%3B%20opacity%3A%201%20!important%3B%22%3E%3Cpath%20d%3D%22M39.97%201.11c.165%200%20.319.09.401.235l9.585%2016.913c.236.416.863.246.863-.235V1.578c0-.259.208-.469.463-.469h5.765c.255%200%20.462.21.462.47v27.85c0%20.259-.207.47-.462.47h-6.975a.463.463%200%200%201-.4-.234l-9.626-16.772c-.238-.414-.862-.243-.862.236v16.3c0%20.259-.208.47-.463.47h-5.724a.467.467%200%200%201-.463-.47V1.579c0-.26.208-.47.463-.47h6.973Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M78.3%201.11c.193%200%20.366.122.433.305l10.238%2027.85a.469.469%200%200%201-.434.633h-5.861a.463.463%200%200%201-.435-.31l-1.725-4.85a.463.463%200%200%200-.436-.31H68.323a.462.462%200%200%200-.434.31l-1.726%204.85a.464.464%200%200%201-.435.31h-5.86a.468.468%200%200%201-.433-.633L69.71%201.415a.463.463%200%200%201%20.433-.306H78.3Zm-3.662%206.95a.46.46%200%200%200-.871%200l-3.641%2010.312a.469.469%200%200%200%20.435.628h7.282c.32%200%20.543-.322.435-.628L74.638%208.06Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using Ona's actual button styles.

• Button Primary:

  • background: #0A0E19
  • textColor: #FFFFFF
  • borderColor: #0A0E19
  • borderRadius: 8px
  • shadow: none

• Button Secondary:

  • background: #F2F2F2
  • textColor: #0A0E19
  • borderColor: #F2F2F2
  • borderRadius: 8px
  • shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: business professionals

Frequently Asked Questions

What is Ona's primary brand color?
Ona's primary brand color is #397554. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Ona use?
Ona uses #0A0E19 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Ona use?
Ona uses ABC Diatype for body text and Martina Plantijn for headings. Fonts were detected on https://ona.com/ as part of their live design system.

Does Ona use a light or dark theme?
Ona's primary site uses a light color scheme, with a background of #ECECEC.

Where can I find Ona's logo?
Ona's logo is available directly on their site (https://ona.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://ona.com/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.