# Givefront Brand Identity

A complete profile of **Givefront**'s visual system — colors, typography, components, and personality — extracted from [https://givefront.com](https://givefront.com/). Built for designers, agents, and AI tools.

## Color Palette

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

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

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Satoshi Variable [Google Fonts →](https://fonts.google.com/specimen/Satoshi+Variable)
- **heading**: Satoshi Variable [Google Fonts →](https://fonts.google.com/specimen/Satoshi+Variable)
- **Instrumentsans Variablefont Wdth Wght**: sans-serif

## Visual Assets

.png)

Logo

%20(2)%201.png)

Favicon

Social Card

## UI Components

Live previews rendered using Givefront's actual button styles.

### Input

- **background**: transparent
- **textColor**: #000000
- **borderColor**: #DDDDDD
- **borderRadius**: 10px
- **shadow**: none

### Button Primary

- **background**: #0A8941
- **textColor**: #FFFFFF
- **borderRadius**: 10px
- **shadow**: none

## Brand Personality

- **Tone**: professional
- **Energy**: medium
- **Audience**: nonprofits and organizations

## Frequently Asked Questions

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

**What font does Givefront use?**
 Givefront uses Satoshi Variable as the primary typeface across body and headings.

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

**Where can I find Givefront's logo?**
 Givefront's logo is available directly on their site (https://givefront.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://givefront.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 Givefront.
