Nivara Brand: Colors, Fonts, Logo & Visual Identity
Nivara Brand Identity
A complete profile of Nivara's visual system — colors, typography, components, and personality — extracted from https://getnivara.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://getnivara.com.
- Primary:
- Hex: #000000
- RGB: rgb(0, 0, 0)
- Accent:
- Hex: #0A0A0A
- RGB: rgb(10, 10, 10)
- Background:
- Hex: #F7F7F4
- RGB: rgb(247, 247, 244)
- Text Primary:
- Hex: #5A5A5A
- RGB: rgb(90, 90, 90)
- Link:
- Hex: #000000
- RGB: rgb(0, 0, 0)
Typography
Each font links to its Google Fonts page where available.
- Primary: ui-sans-serif
- Heading: ui-sans-serif
Visual Assets
Logo
Favicon
UI Components
Live previews rendered using Nivara's actual button styles.
Button Primary:
- Background: #0A0A0A
- Text Color: #FFFFFF
- Border Radius: 999px
- Shadow: none
Button Secondary:
- Background: transparent
- Text Color: #0A0A0A
- Border Color: #D9D9D7
- Border Radius: 999px
- Shadow: none
Brand Personality
- Tone: professional
- Energy: medium
- Audience: business professionals
Nivara Brand in the Wild
Source: getnivara.com
Source: sunhaven.wiki.gg
Source: linkedin.com
Frequently Asked Questions
- What is Nivara's primary brand color? Nivara's primary brand color is #000000.
- What accent color does Nivara use? Nivara uses #0A0A0A as an accent color.
- What font does Nivara use? Nivara uses ui-sans-serif as the primary typeface.
- Does Nivara use a light or dark theme? Nivara's primary site uses a light color scheme, with a background of #F7F7F4.
- Where can I find Nivara's logo? Nivara's logo is available on their site.
- How was this brand profile generated? This profile was extracted using the Firecrawl branding extraction API.
Methodology
Brand data on this page was extracted from https://getnivara.com on 2026-07-27 using the Firecrawl branding extraction API.
Machine-Readable Profile
{
"colorScheme": "light",
"fonts": [
{
"family": "ui-sans-serif",
"count": 50
},
{
"family": "system-ui",
"count": 50
},
{
"family": "sans-serif",
"count": 50
},
{
"family": "Apple Color Emoji",
"count": 50
},
{
"family": "Segoe UI Emoji",
"count": 50
},
{
"family": "Segoe UI Symbol",
"count": 50
},
{
"family": "Noto Color Emoji",
"count": 50
}
],
"colors": {
"primary": "#000000",
"accent": "#0A0A0A",
"background": "#F7F7F4",
"textPrimary": "#5A5A5A",
"link": "#000000"
},
"typography": {
"fontFamilies": {
"primary": "ui-sans-serif",
"heading": "ui-sans-serif"
},
"fontStacks": {
"body": [
"ui-sans-serif",
"system-ui",
"sans-serif",
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji"
],
"heading": [
"ui-sans-serif",
"system-ui",
"sans-serif",
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji"
],
"paragraph": [
"ui-sans-serif",
"system-ui",
"sans-serif",
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji"
]
},
"fontSizes": {
"h1": "80px",
"h2": "52px",
"body": "18px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "0px"
},
"components": {
"buttonPrimary": {
"background": "#0A0A0A",
"textColor": "#FFFFFF",
"borderRadius": "999px",
"shadow": "none"
},
"buttonSecondary": {
"background": "transparent",
"textColor": "#0A0A0A",
"borderColor": "#D9D9D7",
"borderRadius": "999px",
"shadow": "none"
}
},
"images": {
"logo": "https://getnivara.com/logo.svg",
"favicon": "https://getnivara.com/favicon.ico?favicon.0b3bf435.ico"
},
"personality": {
"tone": "professional",
"energy": "medium",
"targetAudience": "business professionals"
}
}