FinFlx Brand Identity

A complete profile of FinFlx's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

• primary: #1E2833
• secondary: #160042
• accent: #474AA6
• background: #FFFFFF
• textPrimary: #474AA6
• link: #474AA6

Typography

• primary: Arial — https://fonts.google.com/specimen/Arial
• heading: Arial — https://fonts.google.com/specimen/Arial

Visual Assets

• Logo:
• Favicon:
• Social card (og:image):

UI Components

• buttonPrimary: background=#474AA6, textColor=#FFFFFF, borderRadius=4px, shadow=none
• buttonSecondary: background=#FFFFFF, textColor=#333333, borderRadius=0px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: HR professionals and businesses

FinFlx Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

• Flexible Workplace Saving Plans
  • Image:
  • Source: Visit
• FinFlx Website
  • Image:
  • Source: Visit
• FinFlx Website
  • Image:
  • Source: Visit
• FinFlx Website
  • Image:
  • Source: Visit
• FinFlx for Gratuity Management | HR
  • Image:
  • Source: Visit
• FinFlx Website
  • Image:
  • Source: Visit

Working with these fonts

Not found on Google Fonts? Instructions that you can follow if you have permission to use the fonts:

• Open the company's homepage in a browser with DevTools open.
• In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
• Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
• For each captured font URL: right-click → Save As to download the file locally.
• 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.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step is the same.

Machine-Readable Profile

{
   "colorScheme": "light",
   "fonts": [
      {"family": "Arial","role": "body"},
      {"family": "Lato","role": "body"},
      {"family": "Public Sans","role": "body"}
   ],
   "colors": {
      "primary": "#1E2833",
      "secondary": "#160042",
      "accent": "#474AA6",
      "background": "#FFFFFF",
      "textPrimary": "#474AA6",
      "link": "#474AA6"
   },
   "typography": {
      "fontFamilies": {
         "primary": "Arial",
         "heading": "Arial"
      },
      "fontStacks": {
         "heading": ["Public Sans","sans-serif"],
         "body": ["Arial","sans-serif"],
         "paragraph": ["Lato","sans-serif"]
      },
      "fontSizes": {
         "h1": "18px",
         "h2": "42px",
         "body": "28px"
      }
   },
   "spacing": {
      "baseUnit": 4,
      "borderRadius": "8px"
   },
   "components": {
      "buttonPrimary": {
         "background": "#474AA6",
         "textColor": "#FFFFFF",
         "borderRadius": "4px",
         "borderRadiusCorners": {
            "topLeft": "4px",
            "topRight": "4px",
            "bottomRight": "4px",
            "bottomLeft": "4px"
         },
         "shadow": "none"
      },
      "buttonSecondary": {
         "background": "#FFFFFF",
         "textColor": "#333333",
         "borderRadius": "0px",
         "borderRadiusCorners": {
            "topLeft": "0px",
            "topRight": "0px",
            "bottomRight": "0px",
            "bottomLeft": "0px"
         },
         "shadow": "none"
      }
   },
   "images": {
      "logo": "https://cdn.prod.website-files.com/651d1f8e6c1c80e1610086c7/651d2029a38bc3a600bfb0c9_Group%202.png",
      "favicon": "https://cdn.prod.website-files.com/651d1f8e6c1c80e1610086c7/65e0b9bf7531f87903b88786_Resize.png",
      "ogImage": "https://cdn.prod.website-files.com/651d1f8e6c1c80e1610086c7/6585a3340acc864e7b959a72_Gratuity%20HR.png",
      "logoHref": "/finflx-for-hr-finflx-app",
      "logoAlt": "FinFlx Logo"
   },
   "personality": {
      "tone": "professional",
      "energy": "medium",
      "targetAudience": "HR professionals and businesses"
   },
   "designSystem": {
      "framework": "custom",
      "componentLibrary": ""
   },
   "confidence": {
      "buttons": 0.95,
      "colors": 0.9,
      "overall": 0.925
   }
}