Skip to content

Husky Data — brand guidelines v1.0

The canonical visual identity for Husky Data. Use this when you build any external-facing artefact: deck, datasheet, partner co-marketing, social profile, app store listing, signage. PDFs that ship from Husky should match this; site components in src/ already track these tokens via Tailwind config (husky-* palette).

Primary palette

Token Hex Use
Husky Blue #4A9EE8 Primary accent · "Data" wordmark · CTAs · graph highlights
Deep Blue #1F6FC7 Hover state · link colour · headers on light backgrounds
Sky oklch(0.78 0.09 235) Soft accent · backgrounds for blue panels
Ice oklch(0.94 0.03 235) Background tint for blue-themed sections
Ink #1A1F2E Body copy · "Husky" wordmark · primary text
Paper #F6F4EF Default page background for branded documents
Rule rgba(26, 31, 46, 0.12) Hairline dividers, table borders
Mute rgba(26, 31, 46, 0.55) Secondary text, captions, footer

Topic accent — emerald

#047857 (emerald-700) is reserved for privacy / cleanroom topics only — k-anonymity badges, GDPR/DPDP/PDPA callouts, the "Cleanroom-ready" surface. It is NOT a brand colour. Don't use it on generic CTAs or product pages.

Typography

Family Weight Use
Inter Tight 400 / 500 / 600 / 700 / 800 Wordmark · headings · body · UI labels
JetBrains Mono 400 / 500 / 600 Eyebrows · code · numerics · captions · page numbers

Section title formula:

[eyebrow]      JetBrains Mono · 7.5pt · Husky Blue · letter-spacing 0.18em · UPPERCASE
[title]        Inter Tight · 700 · letter-spacing -0.045em · Ink
[lede]         Inter Tight · 600 · 13pt · Ink
[sub]          Inter Tight · 400 · 9.5pt · Mute · max-width 6.5in

Logo lockups

Stored in docs/reference/brand-kit/. Public-facing assets mirrored at /brand/* on the website for partner reference.

Primary horizontal lockup

The default for web headers, decks, datasheets, email signatures.

Primary horizontal

File Pixel size Use
huskydata-primary-horizontal.png 1600 × 400 Default web / deck
huskydata-primary-horizontal-2x.png 3200 × 800 Retina · print
huskydata-primary-horizontal-on-paper.png 1600 × 600 On warm paper #F6F4EF
huskydata-primary-horizontal-on-dark.png 1600 × 600 On Ink #1A1F2E

Stacked lockup (square)

For social profile avatars, app store hero, square placements.

Primary stacked

File Pixel size Use
huskydata-primary-stacked.png 1200 × 1200 Square
huskydata-primary-stacked-on-dark.png 1200 × 1200 On Ink

Icon only

Favicon, app tile, tight UI corners.

Icon

File Pixel size Use
huskydata-icon.png 1024 × 1024 Transparent
huskydata-app-icon-1024.png 1024 × 1024 Rounded tile for app stores
huskydata-app-icon-512.png 512 × 512 Rounded tile, smaller surfaces

Monochrome

For single-colour print, embroidery, or where the brand-blue lockup would clash with another brand's colour.

File Variant
huskydata-mono-ink.png Ink silhouette · transparent
huskydata-mono-reversed.png White silhouette · transparent
huskydata-mono-ink-stacked.png Ink stacked
huskydata-mono-reversed-stacked.png White stacked
huskydata-icon-mono.png Icon-only · ink
huskydata-icon-mono-reversed.png Icon-only · white

Wordmark spec (when ASCII rendering is required)

When the lockup PNG cannot be embedded (ASCII email signature, plain text reports), render the wordmark as plain styled text:

Husky [Ink #1A1F2E] · Data [Husky Blue #4A9EE8]
Inter Tight 700, letter-spacing -3.2 % of font size, no space between words

Clear space

Maintain minimum clear space of X on all sides of the lockup, where X equals the cap-height of "Husky" (≈ 25 % of the icon height). Don't crowd the lockup with adjacent type or graphics.

Minimum sizes

Surface Minimum height
Web · digital 24 px icon height
Print · datasheets 0.5 in / 13 mm icon height
Favicon 16 px icon-only

What not to do

  • ❌ Don't recolour the lockup outside the approved variants.
  • ❌ Don't apply effects (drop shadow, outer glow, gradient overlay).
  • ❌ Don't rotate or skew the lockup.
  • ❌ Don't place the brand-blue lockup on a busy photo background — use the on-dark or on-paper variant.
  • ❌ Don't use emerald (#047857) as the brand accent — it's the cleanroom topic colour only.
  • ❌ Don't substitute Inter / Inter Tight Italic / Manrope / Space Grotesk for Inter Tight in the wordmark.
  • Source brand kit ZIP: /Users/benjaminwong/Downloads/Husky Logo.zip (Claude-designed, 2026-04-27)
  • Tailwind palette: tailwind.config.js husky-* token range
  • React tokens reference: /tmp/husky_brand/brand/tokens.jsx
  • Cleanroom one-pager (uses these tokens): playbooks/cleanroom-buyer-onepager.md

Husky Technology Pte Limited · Singapore · v1.0 · 2026-04-27