# SchemeFlow Brand Identity

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

## Color Palette

Brand palette extracted from https://www.schemeflow.com.

- **Primary**: #FA6400 (rgb(250, 100, 0))
- **Secondary**: #B3E4D3 (rgb(179, 228, 211))
- **Accent**: #FAF8F7 (rgb(250, 248, 247))
- **Background**: #F9F7F6 (rgb(249, 247, 246))
- **Text Primary**: #393537 (rgb(57, 53, 55))
- **Link**: #F8E5C7 (rgb(248, 229, 199))

## Typography

Each font links to its Google Fonts page where available.

- **Primary**: Inter
- **Heading**: Inter

## Visual Assets

## UI Components

### Button Primary

- Background: #FAF8F7
- Text Color: #FFFFFF
- Border Color: #FBF9F9
- Border Radius: 12px
- Shadow: none

### Button Secondary

- Background: #393537
- Text Color: #FFFFFF
- Border Radius: 12px
- Shadow: rgba(250, 100, 0, 0.5) 0px 4px 20px -5px, rgba(250, 100, 0, 0) 0px 0px 0px 0px

## Brand Personality

- **Tone**: professional
- **Energy**: medium
- **Audience**: engineering professionals

## SchemeFlow Brand in the Wild

Source: [schemeflowhome.lovable.app](https://schemeflowhome.lovable.app/og-image.png)

Source: [schemeflow.com](https://www.schemeflow.com/assets/claude-BlvQaeBp.webp)

Source: [schemeflow.com](https://www.schemeflow.com/assets/bdp-O-sPcnPD.png)

Source: [schemeflow.com](https://www.schemeflow.com/assets/v3-CwQOEfcq.png)

Source: [schemeflow.com](https://www.schemeflow.com/assets/buro-happold-x_6qdq4P.png)

Source: [schemeflow.com](https://www.schemeflow.com/assets/benesch-CLD86pvo.png)

## Frequently Asked Questions

- **What is SchemeFlow's primary brand color?**  SchemeFlow's primary brand color is #FA6400.
- **What accent color does SchemeFlow use?** SchemeFlow uses #FAF8F7 as an accent color.
- **What font does SchemeFlow use?** SchemeFlow uses Inter as the primary typeface.
- **Does SchemeFlow use a light or dark theme?** SchemeFlow's primary site uses a light color scheme.
- **Where can I find SchemeFlow's logo?** SchemeFlow's logo is available on their site.
- **How was this brand profile generated?** This profile was extracted using the Firecrawl branding extraction API, which inspects the live page's elements.

## Design System

- **Framework**: tailwind

## Machine-Readable Profile (example)

```json
{
  "colorScheme": "light",
  "fonts": [{"family": "Inter", "role": "body"}],
  "colors": {
    "primary": "#FA6400",
    "secondary": "#B3E4D3",
    "accent": "#FAF8F7",
    "background": "#F9F7F6",
    "textPrimary": "#393537",
    "link": "#F8E5C7"
  },
  "typography": {
    "fontFamilies": { "primary": "Inter", "heading": "Inter" },
  },
  "components": {
    "buttonPrimary": { "background": "#FAF8F7", "textColor": "#FFFFFF" },
    "buttonSecondary": { "background": "#393537", "textColor": "#FFFFFF" }
  }
}
```