llms.txt

# Hydra Brand Identity

A complete profile of **Hydra**'s visual system — colors, typography, components, and personality — extracted from https://hydra.so. Built for designers, agents, and AI tools.

- Page: https://characterquilt.com/branding/hydra - Machine-readable JSON: https://characterquilt.com/branding/hydra.json - Per-page llms.txt: https://characterquilt.com/branding/hydra/llms.txt

## Quick Facts

| Field | Value | |---|---| | Primary | #FC7D1D | | Accent | #FC7D1D | | Body Font | Work Sans | | Heading Font | Space Grotesk |

## Color Palette

- primary: #FC7D1D - secondary: #894817 - accent: #FC7D1D - background: #000000 - textPrimary: #000000 - link: #3898EC

## Typography

- primary: Work Sans — https://fonts.google.com/specimen/Work+Sans - heading: Space Grotesk — https://fonts.google.com/specimen/Space+Grotesk

## Visual Assets

## UI Components

- buttonPrimary: background=#FFFFFF, textColor=#000000, borderColor=#000000, borderRadius=1920px, shadow=none - buttonSecondary: background=transparent, textColor=#FFFFFF, borderColor=#323232, borderRadius=0px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: developers and tech professionals

## Hydra Brand in the Wild

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

- **Simon Wijckmans | Hydra** - Image: https://cdn.prod.website-files.com/640edc15766e12e0d8f226dc/64ff5837bd07f60f60c8ae4b\_sw.JPG - Source: https://www.hydra.so/team/simon-wijckmans - **Get in touch | Hydra** - Image: https://cdn.prod.website-files.com/640edc15766e120e6cf226b4/67db18fb033b93ebd04d4594\_66bf188ecd6a3ee4e339fe5d\_hydra-og.webp - Source: https://www.hydra.so/get-in-touch - **Integration of Hydra Cloud with DBT (Data Build Tool) - Hydra Solitions** - Image: https://cdn.prod.website-files.com/640edc15766e12e0d8f226dc/65326ad4a55b6cc596347905\_PPu6BgoP197VUvnCVZcapS72WFlZMpikMPF-hlAizBUIBpJAULpILK5\_5Rc5dUyUzMRQhA5eKPxk7TeF37NXuRN5sSsV3Fg0aI-6MZJ7cIFlVKBewREQWWW0Q5i\_QV62WIV3VGgcTZUOZnldu38h.png - Source: https://www.hydra.so/solutions/integration-of-hydra-cloud-with-dbt-data-build-tool - **Integration of Hydra Cloud with DBT (Data Build Tool) - Hydra Solitions** - Image: https://cdn.prod.website-files.com/640edc15766e12e0d8f226dc/65326abe715331597451e037\_W9BS2yuzLku7Ft6czbA7WanYMUuxFwmfdhpGvA4LUJwMS\_dj6ZRwR2HD5p9neOjhhPaUBClAUTtAEW82ZzYrtMa8fX-rGdqePdCBD1my7GAO5FMpYCNqh7WPzSu0LqCe0kuO5zuqJ6ns8pLqfREF.png - Source: https://www.hydra.so/solutions/integration-of-hydra-cloud-with-dbt-data-build-tool - **Integration of Hydra Cloud with DBT (Data Build Tool) - Hydra Solitions** - Image: https://cdn.prod.website-files.com/640edc15766e12e0d8f226dc/65325674b919c1e8fc3a0102\_xmfru3DxV-zDJgHdiRI6nMYsqdx9-D0RMf5EnbkACPJLgTSM6sS9GwK3DYQ5aL4yivSy\_UYAPmBG-f0QfGaMhJAedkRFDYv2YKrGur9BuUPQT4fY4hgBOcJ5EtWLSSkhNP0ZQ1cVfHfwnhrnried.png - Source: https://www.hydra.so/solutions/integration-of-hydra-cloud-with-dbt-data-build-tool - **Key performance indicators with Sigma - Hydra Solitions** - Image: https://cdn.prod.website-files.com/640edc15766e12e0d8f226dc/648080968a0b10180dfa76ba\_annual-sales.png - Source: https://www.hydra.so/solutions/key-performance-indicators-with-sigma

## Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the 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.

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