# SafeBase Brand Identity

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

## Color Palette

Brand palette extracted from https://www.safebase.io.

- **primary**
  - Hex: `#0F1F3D`
  - RGB: `rgb(15, 31, 61)`  
- **secondary**
  - Hex: `#2E4DFF`
  - RGB: `rgb(46, 77, 255)`  
- **accent**
  - Hex: `#2E4DFF`
  - RGB: `rgb(46, 77, 255)`  
- **background**
  - Hex: `#0F161A`
  - RGB: `rgb(15, 22, 26)`  
- **textPrimary**
  - Hex: `#0F161A`
  - RGB: `rgb(15, 22, 26)`  
- **link**
  - Hex: `#1C262B`
  - RGB: `rgb(28, 38, 43)`

## Typography

Each font links to its Google Fonts page where available.

- **primary**
  - Geist  
- **heading**
  - Geist

## Visual Assets

- **Logo**

- **Favicon**

- **Social Card**

## UI Components

Live previews rendered using SafeBase's actual button styles.

### Input

- **background**: `#FFFFFF`
- **textColor**: `#0F161A`
- **borderColor**: `null`
- **borderRadius**: `4px`
- **shadow**: `none`

### Button Primary

- **background**: `#2E4DFF`
- **textColor**: `#FFFFFF`
- **borderRadius**: `4px`
- **shadow**: `none`

### Button Secondary

- **background**: `#1C262B`
- **textColor**: `#F5F6F7`
- **borderColor**: `#222C31`
- **borderRadius**: `4px`
- **shadow**: `none`

## Brand Personality

- **Tone**: professional
- **Energy**: medium
- **Audience**: businesses seeking trust management solutions

## SafeBase Brand in the Wild

- Image Source: [cdn.safebase.io](https://cdn.safebase.io/public/688762273dbd1c3aa6fa182dffcdc3f984adb093/images/certifications/cisa.png)

- Image Source: [drata.com](https://drata.com/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%252Fassets%252F8245869222a5472eb60b3801c6f43179%252F92a9dc9384294913b493ba248b566415&w=3840&q=75)

## Frequently Asked Questions

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

- **What accent color does SafeBase use?**
  - SafeBase uses `#2E4DFF` as an accent color.

- **What font does SafeBase use?**
  - SafeBase uses Geist as the primary typeface.

- **Does SafeBase use a light or dark theme?**
  - SafeBase's primary site uses a dark color scheme, with a background of `#0F161A`.

- **Where can I find SafeBase's logo?**
  - SafeBase's logo is available directly on their site (https://www.safebase.io).

- **How was this brand profile generated?**
  - This profile was extracted from https://www.safebase.io using the Firecrawl branding extraction API.

## Methodology

Brand data on this page was extracted from [https://www.safebase.io](https://www.safebase.io/) using the [Firecrawl](https://firecrawl.dev/) branding extraction API.

## Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.