Brand Colors
Primary
#520099 - Used for main actions, links, and highlights
Secondary
#0fb2aa - Used for backgrounds, accents, and UI elements
Success
#3bfc43 - Used for positive actions and success states
Danger
#ff0054 - Used for errors, warnings, and alerts
Warning
#fbff12 - Used for warnings and highlights
Info
#1982c4 - Used for informational messages and accents
Light
#E6E6E6 - Used for light backgrounds and subtle UI
Dark
#1f1f1f - Used for dark backgrounds and text
Typography
Heading 1
(Jost Bold, 36px)
Heading 2
(Jost Bold, 28px)
Heading 3
(Jost Bold, 22px)
Body Text (Jura Regular, 16px): Huement's content is clear, modern, and easy to read. We use Jura for body text to ensure a friendly, approachable feel.
Body Bold (Jura Bold, 16px): Used for emphasis and important information.
Logo Variants
.danger
classes)SVG Iconography
Icons are a huge part of what we do. Specifically we love using SVGs whenever possible.
Below are 4 different types of SVGs that we use in all of our web projects, everything from icon fonts to complex multilayered svgs.
Rocket
Represents 'innovation'. Used in feature highlights.
Web Services
Represents 'connectivity'. Used in marketing campaigns.
Double Brackets
Represents 'focused target'. Used in titles for context.
App Icon
Represents 'huement'. Used in official app.
Brand Voice
Voice: Confident, Innovative, Approachable
Huement’s voice is bold yet welcoming, inspiring trust and excitement about the future of technology.
Tagline: "Design & Develop. Then Deploy."
Tagline: "Innovate from the shoulders of giants"
Tagline: "Good technology brings us together."
Call-to-Action Buttons
Primary CTA: Bold, sharp, moves on hover.