Datlo Brand Identity

A complete profile of Datlo's visual system — colors, typography, components, and personality. Built for designers, agents, and AI tools.

Quick Facts

Color Palette

• primary: #2575FC
• secondary: #6EC1E4
• accent: #2575FC
• background: #FFFFFF
• textPrimary: #000000
• link: #1677FF

Typography

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

Visual Assets

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

UI Components

• input: background=#FFFFFF, textColor=#FFFFFF, borderColor=#FFFFFF, borderRadius=4px, shadow=none
• buttonPrimary: background=#2575FC, textColor=#FFFFFF, borderRadius=5px, shadow=none
• buttonSecondary: background=#FFFFFF, textColor=#262626, borderRadius=0px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: business professionals seeking market intelligence solutions

Datlo Brand in the Wild

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

• Inovação e conexão com o mercado: momentos que marcaram a história Datlo em 2025
  • Image:
  • Source: Link
• Como gerar leads qualificados usando marketing geográfico
  • Image:
  • Source: Link
• Canais de distribuição: qual é o melhor para seu negócio?
  • Image:
  • Source: Link
• O que é análise de viabilidade e 5 passos para fazer uma
  • Image:
  • Source: Link
• Penetração de mercado: como aumentar em seu negócio?
  • Image:
  • Source: Link

Working with these fonts

Not found on Google Fonts? Follow these instructions:

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.

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

Machine-Readable Profile

{ 
 "colorScheme": "light", 
 "fonts": [ 
 { 
 "family": "League Spartan", 
 "role": "heading" 
 }, 
 { 
 "family": "Arial", 
 "role": "body" 
 }
 ], 
 "colors": { 
 "primary": "#2575FC", 
 "secondary": "#6EC1E4", 
 "accent": "#2575FC", 
 "background": "#FFFFFF", 
 "textPrimary": "#000000", 
 "link": "#1677FF" 
 }, 
 "typography": { 
 "fontFamilies": { 
 "primary": "Arial", 
 "heading": "League Spartan" 
 }, 
 "fontStacks": { 
 "heading": [ 
 "League Spartan", 
 "Arial", 
 "sans-serif" 
 ], 
 "body": [ 
 "League Spartan", 
 "Arial", 
 "sans-serif" 
 ], 
 "paragraph": [ 
 "League Spartan", 
 "Arial", 
 "sans-serif" 
 ] 
 }, 
 "fontSizes": { 
 "h1": "38px", 
 "h2": "20px", 
 "body": "14px" 
 } 
 }, 
 "spacing": { 
 "baseUnit": 4, 
 "borderRadius": "5px" 
 }, 
 "components": { 
 "input": { 
 "background": "#FFFFFF", 
 "textColor": "#FFFFFF", 
 "borderColor": "#FFFFFF", 
 "borderRadius": "4px", 
 "borderRadiusCorners": { 
 "topLeft": "4px", 
 "topRight": "4px", 
 "bottomRight": "4px", 
 "bottomLeft": "4px" 
 }, 
 "shadow": "none" 
 }, 
 "buttonPrimary": { 
 "background": "#2575FC", 
 "textColor": "#FFFFFF", 
 "borderRadius": "5px", 
 "borderRadiusCorners": { 
 "topLeft": "5px", 
 "topRight": "5px", 
 "bottomRight": "5px", 
 "bottomLeft": "5px" 
 }, 
 "shadow": "none" 
 }, 
 "buttonSecondary": { 
 "background": "#FFFFFF", 
 "textColor": "#262626", 
 "borderRadius": "0px", 
 "borderRadiusCorners": { 
 "topLeft": "0px", 
 "topRight": "0px", 
 "bottomRight": "0px", 
 "bottomLeft": "0px" 
 }, 
 "shadow": "none" 
 } 
 }, 
 "images": { 
 "logo": "https://datlo.com/wp-content/uploads/2024/11/logo_branco-e1744391532361.png", 
 "favicon": "https://datlo.com/wp-content/uploads/2024/11/logo-datlo-Dfavicon-150x150.png", 
 "ogImage": "https://datlo.com/wp-content/uploads/2025/02/imagem-do-site2.jpg", 
 "logoHref": "https://datlo.com/", 
 "logoAlt": "Logo da Datlo Branco" 
 }, 
 "personality": { 
 "tone": "professional", 
 "energy": "medium", 
 "targetAudience": "business professionals seeking market intelligence solutions" 
 }, 
 "designSystem": { 
 "framework": "custom", 
 "componentLibrary": "" 
 }, 
 "confidence": { 
 "buttons": 0.95, 
 "colors": 0.9, 
 "overall": 0.925 
 } 
}