Brand Guidelines

Brand Colors

The official HUK SONS color palette. Use these exact values in all brand materials.

HUK SONS Blue

#2E79BE · rgb(46, 121, 190)

Blue Dark

#1E5A94 · rgb(30, 90, 148)

Blue Light

#4A9BE0 · rgb(74, 155, 224)

HUK SONS Green

#2EBF45 · rgb(46, 191, 69)

Green Dark

#1E8A30 · rgb(30, 138, 48)

Green Light

#58CA69 · rgb(88, 202, 105)

Dark (Backgrounds)

#0F172A · rgb(15, 23, 42)

White

#FFFFFF · rgb(255, 255, 255)

CSS Variables

:root {
  --huksons-blue: #2E79BE;
  --huksons-blue-dark: #1E5A94;
  --huksons-blue-light: #4A9BE0;
  --huksons-green: #2EBF45;
  --huksons-green-dark: #1E8A30;
  --huksons-green-light: #58CA69;
  --huksons-dark: #0F172A;
  --huksons-white: #FFFFFF;
}

Typography

Recommended typefaces for HUK SONS brand communications.

Inter

Primary typeface for all digital interfaces, web, apps, and presentations.

Weights: 300 (Light), 400 (Regular), 500 (Medium), 600 (Semi-Bold), 700 (Bold), 800 (Extra-Bold)

Google Fonts

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

JetBrains Mono

Monospace typeface for code, technical documentation, and developer-facing content.

Weights: 400 (Regular), 500 (Medium)

Google Fonts

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');

Logo Usage Rules

Maintain brand consistency across all applications.

✅ Do

✓ Use official assets from this brand kit
✓ Maintain clear space around the logo (minimum 25% of logo width)
✓ Use the color version on light backgrounds
✓ Use the B&W version on dark or busy backgrounds
✓ Link back to huksons.com when using the logo online
✓ Preserve aspect ratio when resizing
✓ Use CDN URLs for web embedding (ensures latest version)

❌ Don't

✗ Modify, distort, or recolor the logo
✗ Add effects (shadows, gradients, outlines)
✗ Place on cluttered or low-contrast backgrounds
✗ Use below minimum size (32px for digital)
✗ Rearrange logo elements or change proportions
✗ Remove or alter embedded metadata
✗ Use to falsely imply endorsement or partnership