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.
Color Palette
Deep Amethyst
#9B5DE5
Magenta Glow
#EC4899
Electric Blue
#00BBF9
Mint Glow
#00F5D4
Void Black
#0B090A
Starlight White
#F8F9FA
Quick Reference
CSS Variable Tokens
:root {
--hf-color-primary: #8b5cf6; /* amethyst 500 */
--hf-color-secondary: #ec4899; /* magenta 500 */
--hf-color-info: #22d3ee; /* cyan 400 */
--hf-color-success: #10b981; /* emerald 500 */
--hf-page-bg: #07060b;
--hf-text-primary: #f8f9fa;
}Partner Request
Need official logo files in PNG, SVG, or EPS?
Request Brand Pack