llms.txt

Halycon Brand Identity

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

Quick Facts

Field Value
Primary #00182C
Accent #F44544
Body Font Cabinet Grotesk
Heading Font Morion Bold

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: businesses concerned with cybersecurity

Halycon Brand in the Wild

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

Working with these fonts

Not found on Google Fonts? Instructions for using 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 to load specific weights.
  4. Download the captured font files.
  5. Extract the CSS @font-face declarations and rewrite each src: url(...) to point to your local file path.

Programmatic alternative: using Playwright or Puppeteer for automated extraction.

Only proceed if you have permission to use the brand assets, as most proprietary fonts are licensed.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
 {"family": "Cabinet Grotesk", "role": "body"},
 {"family": "Morion Bold", "role": "heading"}
 ],
 "colors": {
 "primary": "#00182C",
 "secondary": "#003058",
 "accent": "#F44544",
 "background": "#FFF7ED",
 "textPrimary": "#212324",
 "link": "#003058"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Cabinet Grotesk",
 "heading": "Morion Bold"
 },
 "fontStacks": {
 "heading": ["Morion Bold", "sans-serif"],
 "body": ["Cabinet Grotesk", "sans-serif"],
 "paragraph": ["Cabinet Grotesk", "sans-serif"]
 },
 "fontSizes": {
 "h1": "55.7812px",
 "h2": "47.8125px",
 "body": "11.9531px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "24px"
 },
 "components": {
 "buttonPrimary": {
 "background": "#F44544",
 "textColor": "#F44544",
 "borderColor": "#F44544",
 "borderRadius": "999px",
 "borderRadiusCorners": {
 "topLeft": "999px",
 "topRight": "999px",
 "bottomRight": "999px",
 "bottomLeft": "999px"
 },
 "shadow": "none"
 }
 },
 "images": {
 "logo": "https://cdn.prod.website-files.com/6568a1bce0ae49e6bedec385/659fece1357cb3ffb38f5dd0_Halcyon%20-%20Logo.svg",
 "favicon": "https://cdn.prod.website-files.com/6568a1bce0ae49e6bedec385/6568a1bce0ae49e6bedec439_Group%20330.png",
 "ogImage": "https://cdn.prod.website-files.com/6568a1bce0ae49e6bedec385/68d553829246f2a4e5ced212_Halcyon_OpenGraph_Homepage.jpg",
 "logoHref": "/?r=0",
 "logoAlt": "Halcyon Brand"
 },
 "__llm_logo_reasoning": {
 "selectedIndex": 22,
 "reasoning": "Selected #0 because it is located in the header, matches the brand name 'Halcyon', and has a source URL that resembles the favicon, indicating it is the main brand logo.",
 "confidence": 0.85,
 "source": "llm"
 },
 "__llm_button_reasoning": {
 "primary": {
 "index": 0,
 "text": "Take a Tour",
 "reasoning": "The button 'Take a Tour' uses a vibrant red/orange color (#F44544), which indicates a primary call-to-action due to its visibility and action-oriented text."
 },
 "secondary": {
 "index": -1,
 "text": "N/A",
 "reasoning": "Only one button detected."
 },
 "confidence": 0.9
 },
 "personality": {
 "tone": "professional",
 "energy": "medium",
 "targetAudience": "businesses concerned with cybersecurity"
 },
 "designSystem": {
 "framework": "custom",
 "componentLibrary": ""
 },
 "confidence": {
 "buttons": 0.9,
 "colors": 0.9,
 "overall": 0.9
 },
 "__llm_metadata": {
 "logoSelection": {
 "llmCalled": true,
 "llmSucceeded": true,
 "finalSource": "llm",
 "rawLogoSelection": {
 "selectedLogoIndex": 0,
 "selectedLogoReasoning": "Selected #0 because it is located in the header, matches the brand name 'Halcyon', and has a source URL that resembles the favicon, indicating it is the main brand logo.",
 "confidence": 0.85
 }
 },
 "buttonClassification": {
 "llmCalled": true,
 "llmSucceeded": true
 }
 }
}