Complif Brand Identity

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

• Page: https://characterquilt.com/branding/complif
• Machine-readable JSON: https://characterquilt.com/branding/complif.json

Quick Facts

Color Palette

• primary: #0000EE
• secondary: #D2D5F3
• accent: #141519
• background: #FFFFFF
• textPrimary: #141519
• link: #97C2E1

Typography

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

Visual Assets

• Logo: https://cdn.prod.website-files.com/62d2ebd2727756144c73d7cc/65493e041d8ccd7f6fb567f9_Logo_Complif_Negro.svg
• Favicon: https://cdn.prod.website-files.com/62d2ebd2727756144c73d7cc/6564b1a10b1e1d93e85faac5_Favicon%201.png
• Social card (og:image): https://cdn.prod.website-files.com/62d2ebd2727756144c73d7cc/65b2a6dc73a63845e1f4ecab_V02_complif_open%20graph.png

UI Components

• input: background=#FFFFFF, textColor=#333333, borderColor=null, borderRadius=8px, shadow=none
• buttonPrimary: background=#141519, textColor=#FFFFFF, borderColor=#141519, borderRadius=100px, shadow=none
• buttonSecondary: background=#EEEFF1, textColor=#333333, borderRadius=0px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: business professionals seeking compliance solutions

Complif Brand in the Wild

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

• Onboarding Solution for Account Opening | Complif
  • Image: https://cdn.prod.website-files.com/62e443aeb2cdfb6f2b0306a5/67a52747fcac856660e285b5_accounts-img.png
  • Source: https://www.complif.com/us/solutions/origination
• Complif - Blog - Información pública: alcances y limitaciones de las áreas de compliance.
  • Image: https://cdn.prod.website-files.com/62e443aeb2cdfb6f2b0306a5/64d1969a92f9740f7360ffd6_018_celeri_Blog_Miniatura_1080x932.png
  • Source: https://www.complif.com/lt/blog/informacion-publica-alcances-y-limitaciones-de-las-areas-de-compliance
• Complif - Blog - The Reality of Compliance Teams in US Banks and How to Escape It
  • Image: https://cdn.prod.website-files.com/62e443aeb2cdfb6f2b0306a5/670d88eed9d2ce26cc501fcb_670d87e4debdfa4790c7c5d0_Compliance_Reality.jpeg
  • Source: https://www.complif.com/us/blog/the-reality-of-compliance-teams-in-us-banks-and-how-to-escape-it
• Complif - Blog - OCR: Una herramienta versátil para la automatización de procesos.
  • Image: https://cdn.prod.website-files.com/62e443aeb2cdfb6f2b0306a5/65baa03e616e21b2400e1b46_069_celeri_Blog_Miniatura_1080x932.png
  • Source: https://www.complif.com/mx/blog/ocr-una-herramienta-versatil-para-la-automatizacion-de-procesos
• Plataforma de automação de procesos PLD | Complif
  • Image: https://cdn.prod.website-files.com/62d2ebd2727756144c73d7cc/692f46d21c674c58c53a1aa2_complif-conformidade-sem%20atrito.png
  • Source: https://www.complif.com/br
• Complif - Blog - Novedad legal: Recomendaciones para una Inteligencia Artificial Fiable.
  • Image: https://cdn.prod.website-files.com/62e443aeb2cdfb6f2b0306a5/64d15bddef1b2f28f40bbb6f_050_celeri_Blog_Landscape_1200x627.png
  • Source: https://www.complif.com/lt/blog/novedad-legal-recomendaciones-para-una-inteligencia-artificial-fiable

Working with these fonts

Not found on Google 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.