Colossal Brand Identity

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

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

Quick Facts

Color Palette

• primary: #5B4E96
• secondary: #C02B0A
• accent: #607382
• background: #EEEEEE
• textPrimary: #000000
• link: #607382

Typography

• primary: Telegraf — https://fonts.google.com/specimen/Telegraf
• heading: NB Architekt Std — https://fonts.google.com/specimen/NB+Architekt+Std

Visual Assets

• Logo: https://colossal.com/wp-content/themes/colossal/img/header-logo.png
• Favicon: https://colossal.com/favicon.ico
• Social card (og:image): https://colossal.com/wp-content/uploads/Colossal_BrandingRegistered_Logo_Icon_RGB_Wht-1.png

UI Components

• input: background=transparent, textColor=#FFFFFF, borderColor=null, borderRadius=0px, shadow=none
• buttonPrimary: background=transparent, textColor=#FFFFFF, borderColor=#FFFFFF, borderRadius=1000px, shadow=none
• buttonSecondary: background=#F1F1F1, textColor=#FFFFFF, borderColor=#FFFFFF, borderRadius=1000px, shadow=none

Brand Personality

Tone: bold · Energy: high · Audience: environmentally conscious individuals and organizations interested in de-extinction and biotechnology.

Colossal Brand in the Wild

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

• The De-extinction Company | Colossal
  • Image: https://colossal.com/wp-content/themes/colossal/img/shapiro.jpg
  • Source: https://colossal.com/company/
• OP-ED | Lost & Found: Saving Earth's “Lost Species”
  • Image: https://colossal.com/wp-content/uploads/Forrest-blog-1-1024x538.png
  • Source: https://colossal.com/op-ed-lost-found-saving-earths-lost-species/
• De-extinction Education
  • Image: https://colossal.com/wp-content/themes/colossal/img/lower-bg.jpg
  • Source: https://colossal.com/education/
• De-Extincting Tassie - Colossal
  • Image: https://colossal.com/wp-content/uploads/Screen-Shot-2024-11-13-at-3.06.28-PM-1024x579.png
  • Source: https://colossal.com/de-extincting-tassie/
• De-extinction Education
  • Image: https://colossal.com/wp-content/themes/colossal/img/insights-bg.png
  • Source: https://colossal.com/education/
• The Colossal Indigenous Council - Colossal
  • Image: https://colossal.com/wp-content/uploads/Indigenous_Blog_Secondary.png
  • Source: https://colossal.com/the-colossal-indigenous-council/

Working with these fonts

Not found on Google Fonts? Here’s a suggested 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) and extract 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.