Karat Financial Brand Identity

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

Quick Facts

Color Palette

• primary: #4733FF
• secondary: #4633FF
• accent: #4733FF
• background: #FFFFFF
• textPrimary: #222529
• link: #667085

Typography

• primary: Neue Haas Display Medium — https://fonts.google.com/specimen/Neue+Haas+Display+Medium
• heading: Neue Haas Display Roman — https://fonts.google.com/specimen/Neue+Haas+Display+Roman

Visual Assets

• Logo: .avif)
• Favicon:
• Social card (og:image):

UI Components

• input: background=#FFFFFF, textColor=#667085, borderColor=#FFFFFF, borderRadius=0px, shadow=none
• buttonPrimary: background=#4733FF, textColor=#FFFFFF, borderColor=#2B18D9, borderRadius=0px, shadow=none
• buttonSecondary: background=#FFFFFF, textColor=#24272A, borderColor=#24272A, borderRadius=4px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: creators and influencers

Karat Financial Brand in the Wild

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

• Tax Deductions for Creators - Qualified Business Income
• Image:
• Source: Tax Deductions
• Blog
• Image:
• Source: Blog
• Blog
• Image:
• Source: Blog
• This Creator Tricked Us All
• Image:
• Source: Creator Tricked
• Blog
• Image:
• Source: Blog Old
• The Karat Podcast
• Image: .webp)
• Source: Karat Podcast

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
 {
 "family": "Neue Haas Display Roman",
 "role": "heading"
 },
 {
 "family": "Neue Haas Display Medium",
 "role": "body"
 },
 {
 "family": "Druk Wide",
 "role": "display"
 }
 ],
 "colors": {
 "primary": "#4733FF",
 "secondary": "#4633FF",
 "accent": "#4733FF",
 "background": "#FFFFFF",
 "textPrimary": "#222529",
 "link": "#667085"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Neue Haas Display Medium",
 "heading": "Neue Haas Display Roman"
 },
 "fontStacks": {
 "heading": [
 "Drukwide super",
 "sans-serif"
 ],
 "body": [
 "Neuehaasdisplayroman",
 "Arial",
 "sans-serif"
 ],
 "paragraph": [
 "Neuehaasdisplayroman",
 "Arial",
 "sans-serif"
 ]
 },
 "fontSizes": {
 "h1": "64px",
 "h2": "32px",
 "body": "24px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "8px"
 },
 "components": {
 "input": {
 "background": "#FFFFFF",
 "textColor": "#667085",
 "borderColor": "#FFFFFF",
 "borderRadius": "0px",
 "borderRadiusCorners": {
 "topLeft": "0px",
 "topRight": "0px",
 "bottomRight": "0px",
 "bottomLeft": "0px"
 },
 "shadow": "none"
 },
 "buttonPrimary": {
 "background": "#4733FF",
 "textColor": "#FFFFFF",
 "borderColor": "#2B18D9",
 "borderRadius": "0px",
 "borderRadiusCorners": {
 "topLeft": "0px",
 "topRight": "0px",
 "bottomRight": "0px",
 "bottomLeft": "0px"
 },
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "#FFFFFF",
 "textColor": "#24272A",
 "borderColor": "#24272A",
 "borderRadius": "4px",
 "borderRadiusCorners": {
 "topLeft": "4px",
 "topRight": "4px",
 "bottomRight": "4px",
 "bottomLeft": "4px"
 },
 "shadow": "none"
 }
 },
 "images": {
 "logo": "https://cdn.prod.website-files.com/64319e85443cd280068e5fff/6432ab19e2d057529cfbfb0d_Artwork%204%20(1).avif",
 "favicon": "https://cdn.prod.website-files.com/64319e85443cd280068e5fff/64641d8b8b701227edb19e87_karat-favicon.png",
 "ogImage": "https://cdn.prod.website-files.com/64319e85443cd280068e5fff/67fd6b9040c321cc52671c4b_Link%20preview%20image-1.png",
 "logoHref": "/",
 "logoAlt": "logo"
 },
 "personality": {
 "tone": "modern",
 "energy": "medium",
 "targetAudience": "creators and influencers"
 },
 "designSystem": {
 "framework": "custom",
 "componentLibrary": ""
 },
 "confidence": {
 "buttons": 0.95,
 "colors": 0.9,
 "overall": 0.925
 }
}