# FUTURA Brand Identity

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

## Quick Facts

| Field     | Value       |
|-----------|-------------|
| Primary   | #4F50FF     |
| Accent    | #4F50FF     |
| Body Font | Open Sans   |
| Heading Font | Montserrat |

## Color Palette

- primary: #4F50FF
- secondary: #F0F5FF
- accent: #4F50FF
- background: #FFFFFF
- textPrimary: #04115B
- link: #04115B

## Typography

- primary: Open Sans — https://fonts.google.com/specimen/Open+Sans
- heading: Montserrat — https://fonts.google.com/specimen/Montserrat

## Visual Assets

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

## UI Components

- buttonPrimary: background=#4F50FF, textColor=#FFFFFF, borderColor=#5532FA, borderRadius=8px, shadow=none
- buttonSecondary: background=#FCFAF6, textColor=#4F50FF, borderColor=#4F50FF, borderRadius=8px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy professionals in Mexico

## FUTURA Brand in the Wild

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

- **Educación y recursos para pacientes | FuturaLabs**  
  - Image: .jpg)  
  - Source: https://www.futuralabs.io/posts/educacion-y-recursos-para-pacientes  
- **Blog | FuturaLabs**  
  - Image:   
  - Source: https://www.futuralabs.io/blog  
- **Cómo mejorar la agenda clínica dental de tu consultorio? | FuturaLabs**  
  - Image:   
  - Source: https://www.futuralabs.io/posts/agenda-clinica-dental  
- **Qué es el tratamiento con alineadores transparentes Futura Labs®? | FuturaLabs**  
  - Image:   
  - Source: https://www.futuralabs.io/posts/tratamiento-con-alineadores-transparentes-futura-labs  
- **Cómo mejorar la agenda clínica dental de tu consultorio? | FuturaLabs**  
  - Image:   
  - Source: https://www.futuralabs.io/posts/agenda-clinica-dental  
- **Marketing para clínica dental: ¿cómo impulsar tu negocio en el entorno digital? | FuturaLabs**  
  - Image:   
  - Source: https://www.futuralabs.io/posts/marketing-para-clinica-dental

## Working with these 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.

## Machine-Readable Profile

```json
{
 "colorScheme": "light",
 "fonts": [
 {
 "family": "Open Sans",
 "role": "body"
 },
 {
 "family": "Montserrat",
 "role": "heading"
 }
 ],
 "colors": {
 "primary": "#4F50FF",
 "secondary": "#F0F5FF",
 "accent": "#4F50FF",
 "background": "#FFFFFF",
 "textPrimary": "#04115B",
 "link": "#04115B"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Open Sans",
 "heading": "Montserrat"
 },
 "fontStacks": {
 "heading": [
 "Montserrat",
 "sans-serif"
 ],
 "body": [
 "Open Sans",
 "Arial",
 "sans-serif"
 ],
 "paragraph": [
 "Open Sans",
 "Arial",
 "sans-serif"
 ]
 },
 "fontSizes": {
 "h1": "48px",
 "h2": "44px",
 "body": "16px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "16px"
 },
 "components": {
 "buttonPrimary": {
 "background": "#4F50FF",
 "textColor": "#FFFFFF",
 "borderColor": "#5532FA",
 "borderRadius": "8px",
 "borderRadiusCorners": {
 "topLeft": "8px",
 "topRight": "8px",
 "bottomRight": "8px",
 "bottomLeft": "8px"
 },
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "#FCFAF6",
 "textColor": "#4F50FF",
 "borderColor": "#4F50FF",
 "borderRadius": "8px",
 "borderRadiusCorners": {
 "topLeft": "8px",
 "topRight": "8px",
 "bottomRight": "8px",
 "bottomLeft": "8px"
 },
 "shadow": "none"
 }
 },
 "images": {
 "logo": "https://cdn.prod.website-files.com/632b689f3a48f1d8bbd99d86/644d8e95739815724dfdca31_Logo-futura.svg",
 "favicon": "https://cdn.prod.website-files.com/632b689f3a48f1d8bbd99d86/633c4a1713b89a3aa72ec18f_favicon.jpg",
 "ogImage": "https://cdn.prod.website-files.com/632b689f3a48f1d8bbd99d86/663bb586e01e61d5fa0595f4_lp-scanner-price-hero1.webp"
 },
 "personality": {
 "tone": "modern",
 "energy": "medium",
 "targetAudience": "tech-savvy professionals in Mexico"
 },
 "designSystem": {
 "framework": "custom",
 "componentLibrary": ""
 },
 "confidence": {
 "buttons": 0.95,
 "colors": 0.9,
 "overall": 0.925
 }
}
```