# Planned Brand Identity

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

## Color Palette

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

|      | Color Code     | RGB Value              |
|------|----------------|-----------------------|
| primary  | #1F8FFF       | rgb(31, 143, 255)     |
| secondary| #9CA3AF       | rgb(156, 163, 175)    |
| accent   | #F04646       | rgb(240, 70, 70)      |
| background| #FFFFFF       | rgb(255, 255, 255)    |
| textPrimary| #131313     | rgb(19, 19, 19)       |
| link     | #F04646       | rgb(240, 70, 70)      |

## Typography

Each font links to its Google Fonts page where available.

|      | Font Family  | Google Fonts Link                |
|------|--------------|----------------------------------|
| primary  | Aeonik       | [Google Fonts →](https://fonts.google.com/specimen/Aeonik) |
| heading   | Aeonik       | [Google Fonts →](https://fonts.google.com/specimen/Aeonik) |

```
Not found on Google Fonts? 
...Follow the instructions if you have permission to use the fonts:
```

## Visual Assets

## UI Components

Live previews rendered using Planned's actual button styles.

- **Input**: 
  - background: #FFFFFF
  - textColor: #FFFFFF
  - borderColor: null
  - borderRadius: 8px
  - shadow: none

- **Button Primary**: 
  - background: #0A1013
  - textColor: #FFFFFF
  - borderRadius: 6px
  - shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px...

- **Button Secondary**: 
  - background: #FFFFFF
  - textColor: #131313
  - borderRadius: 20px
  - shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px...

## Brand Personality

- **Tone:** modern
- **Energy:** medium
- **Audience:** business professionals

## Planned Brand in the Wild

Source: [planned.com](https://planned.com/contracting-and-payment)

Source: [planned.com](https://planned.com/blog)

## Frequently Asked Questions

1. What is Planned's primary brand color?  
   Planned's primary brand color is #1F8FFF.

2. What accent color does Planned use?  
   Planned uses #F04646 as an accent color.

3. What font does Planned use?  
   Planned uses Aeonik as the primary typeface.

4. Does Planned use a light or dark theme?  
   Planned's primary site uses a light color scheme.

5. Where can I find Planned's logo?  
   Planned's logo is available directly on their site (https://planned.com/).

## Methodology

Brand data on this page was extracted from [https://planned.com/](https://planned.com/) using the Firecrawl branding extraction API.

## Machine-Readable Profile

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

```
 {
 "colorScheme": "light",
 "fonts": [{
 "family": "Aeonik",
 "role": "unknown"
 }],
 "colors": {
 "primary": "#1F8FFF",
 "secondary": "#9CA3AF",
 "accent": "#F04646",
 "background": "#FFFFFF",
 "textPrimary": "#131313",
 "link": "#F04646"
 }
 }
 ```