Givefront Brand Identity

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

Quick Facts

Color Palette

• primary: #0A8941
• secondary: #5E606E
• accent: #0A8941
• background: #FFFFFF
• textPrimary: #000000
• link: #3898EC

Typography

• primary: Satoshi Variable — https://fonts.google.com/specimen/Satoshi+Variable
• heading: Satoshi Variable — https://fonts.google.com/specimen/Satoshi+Variable

Visual Assets

• Logo: .png)
• Favicon: %20(2)%201.png)
• Social card (og:image):

UI Components

• input: background=transparent, textColor=#000000, borderColor=#DDDDDD, borderRadius=10px, shadow=none
• buttonPrimary: background=#0A8941, textColor=#FFFFFF, borderRadius=10px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: nonprofits and organizations

Givefront Brand in the Wild

• Credit Card for Foundations
  • Image: .png)
  • Source: Link
• Givefront
  • Image:
  • Source: Link
• Givefront
  • Image:
  • Source: Link
• Givefront
  • Image:
  • Source: Link
• Givefront - Nonprofit Spend Management
  • Image: .png)
  • Source: Link
• Givefront
  • Image:
  • Source: Link

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
  {
   "family": "Satoshi Variable",
   "role": "body"
  },
  {
   "family": "Instrumentsans Variablefont Wdth Wght",
   "role": "unknown"
  }
 ],
 "colors": {
  "primary": "#0A8941",
  "secondary": "#5E606E",
  "accent": "#0A8941",
  "background": "#FFFFFF",
  "textPrimary": "#000000",
  "link": "#3898EC"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Satoshi Variable",
   "heading": "Satoshi Variable"
  },
  "fontStacks": {
   "heading": [
    "Instrumentsans Variablefont Wdth Wght",
    "sans-serif"
   ],
   "body": [
    "Satoshi Variable",
    "sans-serif"
   ],
   "paragraph": [
    "Satoshi Variable",
    "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "60px",
   "h2": "20px",
   "body": "18px"
  }
 },
 "spacing": {
  "baseUnit": 4,
  "borderRadius": "10px"
 },
 "components": {
  "input": {
   "background": "transparent",
   "textColor": "#000000",
   "borderColor": "#DDDDDD",
   "borderRadius": "10px",
   "borderRadiusCorners": {
    "topLeft": "10px",
    "topRight": "10px",
    "bottomRight": "10px",
    "bottomLeft": "10px"
   },
   "shadow": "none"
  },
  "buttonPrimary": {
   "background": "#0A8941",
   "textColor": "#FFFFFF",
   "borderRadius": "10px",
   "borderRadiusCorners": {
    "topLeft": "10px",
    "topRight": "10px",
    "bottomRight": "10px",
    "bottomLeft": "10px"
   },
   "shadow": "none"
  }
 },
 "images": {
  "logo": "https://cdn.prod.website-files.com/67d358319aca5c5c364c81c1/67ddf3e0538aa96accc5ac88_Givefront%20(2).png",
  "favicon": "https://cdn.prod.website-files.com/67d358319aca5c5c364c81c1/68658294446a4c510c79288c_Untitled%20(250%20x%20250%20px)%20(2)%201.png",
  "ogImage": "https://cdn.prod.website-files.com/67d358319aca5c5c364c81c1/68260ed13a5f0c1bb63afeb9_Screenshot%202025-05-15%20at%208.57.02%E2%80%AFAM.png"
 },
 "personality": {
  "tone": "professional",
  "energy": "medium",
  "targetAudience": "nonprofits and organizations"
 },
 "designSystem": {
  "framework": "custom",
  "componentLibrary": ""
 },
 "confidence": {
  "buttons": 0.9,
  "colors": 0.9,
  "overall": 0.9
 }
}