FrontPage Brand Identity

A complete profile of FrontPage's visual system — colors, typography, components, and personality — extracted from https://front.page. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://front.page.

• primary: #191B4B (rgb(25, 27, 75))
• secondary: #4A5565 (rgb(74, 85, 101))
• accent: #157BFB (rgb(21, 123, 251))
• background: #FFFFFF (rgb(255, 255, 255))
• textPrimary: #157BFB (rgb(21, 123, 251))
• link: #157BFB (rgb(21, 123, 251))

Typography

Each font links to its Google Fonts page where available.

• primary: Inter Google Fonts →
• heading: Inter Google Fonts →

Not found on Google Fonts? Instructions that you can follow if you have permission to use the fonts:
1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Visual Assets

Logo

UI Components

Live previews rendered using FrontPage's actual button styles.

• Input:

  • background: transparent
  • textColor: #0A0A0A
  • borderColor: null
  • borderRadius: 0px
  • shadow: none

• Button Primary:

  • background: #157BFB
  • textColor: #FFFFFF
  • borderRadius: 14px
  • shadow: none

• Button Secondary:

  • background: #FFFFFF
  • textColor: #157BFB
  • borderColor: #157BFB
  • borderRadius: 12px
  • shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: investors and stock market enthusiasts

Frequently Asked Questions

1. What is FrontPage's primary brand color?
   FrontPage's primary brand color is #191B4B.

2. What accent color does FrontPage use?
   FrontPage uses #157BFB as an accent color.

3. What font does FrontPage use?
   FrontPage uses Inter as the primary typeface.

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

5. Where can I find FrontPage's logo?
   FrontPage's logo is available directly on their site (https://front.page).

6. How was this brand profile generated?
   This profile was extracted from https://front.page using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#191B4B",
    "secondary": "#4A5565",
    "accent": "#157BFB",
    "background": "#FFFFFF",
    "textPrimary": "#157BFB",
    "link": "#157BFB"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": ["Inter"],
      "body": ["Inter", "ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"],
      "paragraph": ["Inter", "ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"]
    },
    "fontSizes": {
      "h1": "52px",
      "h2": "52px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#0A0A0A",
      "borderColor": null,
      "borderRadius": "0px",
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#157BFB",
      "textColor": "#FFFFFF",
      "borderRadius": "14px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#157BFB",
      "borderColor": "#157BFB",
      "borderRadius": "12px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://front.page/assets/fpwordmark-BvE6ciJm.svg",
    "logoAlt": "Frontpage Logo"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "investors and stock market enthusiasts"
  }
}