Cedalio Brand Identity

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

Quick Facts

Color Palette

• primary: #B42318
• secondary: #425466
• accent: #F25C54
• background: #FFFAF4
• textPrimary: #F25C54
• link: #F25C54

Typography

• primary: Open Sans — Open Sans
• heading: Urbanist — Urbanist

Visual Assets

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

UI Components

• buttonPrimary: background=#F25C54, textColor=#FFFFFF, borderRadius=9999px, shadow=rgba(242, 92, 84, 0.4) 0px 4px 14px 0px, rgba(242, 92, 84, 0.4) 0px 0px 0px 0px
• buttonSecondary: background=#FFFFFF, textColor=#F25C54, borderRadius=9999px, shadow=rgba(0, 0, 0, 0.15) 0px 4px 14px 0px

Brand Personality

Tone: professional · Energy: medium · Audience: businesses in LATAM

Cedalio Brand in the Wild

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

• Create an account | Cedalio
  • Image:
  • Source: Create an account
• New Feature] Introducing Email Integration for Document Uploads
  • Image:
  • Source: Introducing Email Integration
• New Feature] Introducing Utility Wholesaler Support
  • Image:
  • Source: Utility Wholesaler Support
• Case Study - Cedalio
  • Image:
  • Source: Case Study
• Create an account | Cedalio
  • Image:
  • Source: Create an account
• New Feature] Locations Are Here: Automatically Organize and Optimize Your Consumption Data!
  • Image:
  • Source: Automatically Organize

Working with these fonts

If not found on Google Fonts, follow these steps 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. Right-click to save each captured font URL locally.
5. View CSS and copy matching @font-face declarations.

Programmatic alternative: Load the URL with Playwright or Puppeteer, listening for response events whose Content-Type starts with font/, and writing the body to disk. The CSS extraction step remains the same.