Hostaffin Brand Assets

This page provides official visual references for Hostaffin branding, including logo usage, brand colors, typography, and usage guidance for partners and media.

Usage Basics

Minimum Clear Space

Keep at least the height of the brand mark around the full logo on all sides.

Background Contrast

Use the light logo on dark backgrounds and dark logo on light backgrounds for readability.

Do Not Alter

Do not stretch, rotate, recolor, or apply heavy effects to the logo mark or wordmark.

Primary Logo Lockup

SVG PNG

Typography

Primary Typeface

Inter

Weights: 400, 500, 600, 700, 800

Monospace Typeface

JetBrains Mono

For technical snippets and system details.

Color Palette

Deep Amethyst

#9B5DE5

Cyber Pink

#F15BB5

Electric Blue

#00BBF9

Mint Glow

#00F5D4

Void Black

#0B090A

Starlight White

#F8F9FA

Quick Reference

CSS Variable Tokens

:root {
  --brand-primary: #9b5de5;
  --brand-secondary: #f15bb5;
  --brand-info: #00bbf9;
  --brand-accent: #00f5d4;
  --brand-dark: #0b090a;
  --brand-light: #f8f9fa;
}

Partner Request

Need official logo files in PNG, SVG, or EPS?

Request Brand Pack