Flux Brand Identity

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

Quick Facts

Color Palette

• primary: #FC0A7E
• secondary: #8A0E49
• accent: #CF0063
• background: #FFFFFF
• textPrimary: #CF0063
• link: #CF0063

Typography

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

Visual Assets

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

UI Components

• input: background=#FEFEFE, textColor=#111111, borderColor=null, borderRadius=20px, shadow=none
• buttonPrimary: background=#FC0A7E, textColor=#FFFFFF, borderRadius=6px, shadow=none
• buttonSecondary: background=#1B1B1B, textColor=#B32E6E, borderRadius=0px, shadow=none

Brand Personality

Tone: modern · Energy: high · Audience: businesses looking for QR solutions

Flux Brand in the Wild

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

• Flux QR - Dale a tus clientes el poder de comprarte más
  • Image:
  • Source: link
• Flux QR - Dale a tus clientes el poder de comprarte más
  • Image:
  • Source: link
• Flux QR - Dale a tus clientes el poder de comprarte más
  • Image:
  • Source: link
• Flux QR - Dale a tus clientes el poder de comprarte más
  • Image:
  • Source: link
• Flux QR - Dale a tus clientes el poder de comprarte más
  • Image:
  • Source: link
• Flux QR - Dale a tus clientes el poder de comprarte más
  • Image:
  • Source: link

Working with these fonts

Not found on Google Fonts? Suggestions for obtaining fonts if permission is granted.

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font".
3. Hard-reload the page and capture each font URL.
4. Save the font files locally.
5. Extract the matching @font-face declarations from the CSS.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
 {
 "family": "Lato",
 "role": "body"
 },
 {
 "family": "Open Sans",
 "role": "unknown"
 }
 ],
 "colors": {
 "primary": "#FC0A7E",
 "secondary": "#8A0E49",
 "accent": "#CF0063",
 "background": "#FFFFFF",
 "textPrimary": "#CF0063",
 "link": "#CF0063"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Lato",
 "heading": "Lato"
 },
 "fontStacks": {
 "heading": [
 "Lato",
 "sans-serif"
 ],
 "body": [
 "Lato",
 "sans-serif"
 ],
 "paragraph": [
 "Lato",
 "sans-serif"
 ]
 },
 "fontSizes": {
 "h1": "8000px",
 "h2": "38px",
 "body": "16px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "0px"
 },
 "components": {
 "input": {
 "background": "#FEFEFE",
 "textColor": "#111111",
 "borderColor": null,
 "borderRadius": "20px",
 "borderRadiusCorners": {
 "topLeft": "20px",
 "topRight": "20px",
 "bottomRight": "20px",
 "bottomLeft": "20px"
 },
 "shadow": "none"
 },
 "buttonPrimary": {
 "background": "#FC0A7E",
 "textColor": "#FFFFFF",
 "borderRadius": "6px",
 "borderRadiusCorners": {
 "topLeft": "6px",
 "topRight": "6px",
 "bottomRight": "6px",
 "bottomLeft": "6px"
 },
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "#1B1B1B",
 "textColor": "#B32E6E",
 "borderRadius": "0px",
 "borderRadiusCorners": {
 "topLeft": "0px",
 "topRight": "0px",
 "bottomRight": "0px",
 "bottomLeft": "0px"
 },
 "shadow": "none"
 }
 },
 "images": {
 "logo": "https://cdn.prod.website-files.com/630e5e39701f4d0ef18dfed8/630e6ae4eda98ff5ccd4b8d0_fluxqr-V2.1.png",
 "favicon": "https://cdn.prod.website-files.com/630e5e39701f4d0ef18dfed8/630e956ccd03ce7468b37214_fluxqr-comercios32-favicon.png",
 "ogImage": "https://cdn.prod.website-files.com/630e5e39701f4d0ef18dfed8/6839e8a4e2f2dacedb74b3d7_openGraph2025Q2.png"
 },
 "personality": {
 "tone": "modern",
 "energy": "high",
 "targetAudience": "businesses looking for QR solutions"
 },
 "designSystem": {
 "framework": "custom",
 "componentLibrary": ""
 },
 "confidence": {
 "buttons": 0.95,
 "colors": 0.9,
 "overall": 0.925
 }
}