Buxfer Brand Identity

A complete profile of Buxfer's visual system — colors, typography, components, and personality — extracted from https://www.buxfer.com. Built for designers, agents, and AI tools.

Quick Facts

Color Palette

• primary: #EE624C
• secondary: #606472
• accent: #36C0FF
• background: #FFFFFF
• textPrimary: #36C0FF
• link: #36C0FF

Typography

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

Visual Assets

• Logo: https://dm19v66mgwhwp.cloudfront.net/media/UIFrontPage/logo-buxfer.png
• Favicon: https://www.buxfer.com/media/logo/piechart-dark-round.png
• Social card (og:image): /media/logo/logo-dark.png

UI Components

• buttonPrimary: background=#EE624C, textColor=#FFFFFF, borderRadius=3px, shadow=none
• buttonSecondary: background=#36C0FF, textColor=#FFFFFF, borderRadius=3px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy individuals looking for financial management tools

Buxfer Brand in the Wild

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

• What is the Cash Envelope System for Budgeting? – Buxfer Blog
  • Image: https://blog.buxfer.com/wp-content/uploads/2022/08/what-is-the-cash-envelope-system-for-budgeting.jpg?w=1400
  • Source: https://blog.buxfer.com/2022/08/15/what-is-the-cash-envelope-system-for-budgeting/
• How the 80-20 Rule Can Improve Your Finances – Buxfer Blog
  • Image: https://blog.buxfer.com/wp-content/uploads/2024/06/austin-distel-wtxcbwxk_ww-unsplash.jpg?w=1400
  • Source: https://blog.buxfer.com/2024/06/03/how-the-80-20-rule-can-improve-your-finances/
• 10 Ways to Stop Wasting Money on Food – Buxfer Blog
  • Image: https://blog.buxfer.com/wp-content/uploads/2023/05/image-3.png?w=1400
  • Source: https://blog.buxfer.com/2023/05/29/10-ways-to-stop-wasting-money-on-food/
• How to Build Up an Emergency Fund – Buxfer Blog
  • Image: https://blog.buxfer.com/wp-content/uploads/2022/05/how-to-build-up-an-emergency-fund.jpg?w=1400
  • Source: https://blog.buxfer.com/2022/05/16/how-to-build-up-an-emergency-fund/
• What is Inflation-Induced Debt Destruction? – Buxfer Blog
  • Image: https://blog.buxfer.com/wp-content/uploads/2022/10/what-is-inflation-induced-debt-destruction.jpg?w=1400
  • Source: https://blog.buxfer.com/2022/10/24/what-is-inflation-induced-debt-destruction/
• 7 Purchases You Might Regret Later On and Why – Buxfer Blog
  • Image: https://blog.buxfer.com/wp-content/uploads/2023/09/purchases-you-might-regret-later-on-and-why.jpg?w=1400
  • Source: https://blog.buxfer.com/2023/09/04/7-purchases-you-might-regret-later-on-and-why/

Working with these fonts

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

CharacterQuilt.com suggests this flow that can help:

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.

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.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.