Huement Brand Identity

Welcome to Huement.com, a forward-thinking tech studio based in Fargo, ND. We blend design, code, and community to create digital experiences that connect and inspire. Follow us on our social channels to see our latest work and join the conversation!

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

Regular Logo (Horizontal, Full-Color: Fun and Bright)
Square App Icon (Compact, Full-Color: Futuristic 'N' centered)
Alt Danger (Pairs well with .danger classes)
Light Version (Used for Light Backgrounds. Pops off)

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.

Product Naming Convention

At Huement, our product names should be clear, consistent, and on-brand. To avoid ambiguous names, we use the following formula for all product names:

[Action Word] + [Product Type]

Why this works

  • Clarity: The product type is always obvious (e.g., Dash for dashboard).
  • Brand Consistency: An energetic Action Word ties into Huement’s vibrant, vaporwave identity.
  • Flexibility: The system scales easily while keeping a recognizable style.
  • Marketability: Clear, evocative names perform better in marketplaces and are easier to remember.

Guidelines

Action Word

Should feel energetic, playful, or neon/futuristic.

Examples: FlashWavePulseGlowFlux

Product Type

Clearly describe the category of product.

Examples: DashKitGridPanelDocs

Examples

  • WaveDash
    A Laravel + Bootstrap dashboard with Livewire and Mapbox.
    Recommended
  • FlashKit
    A starter kit for rapid Laravel prototyping.
    Starter
  • GlowGrid
    A responsive grid / layout system.
    UI
  • PulsePanel
    A reactive admin panel built with Livewire.
    Admin

Naming Checklist

  • ✅ Easy to read and say out loud.
  • ✅ Evokes Huement’s bright, energetic aesthetic.
  • ✅ Makes the product type clear at a glance.
  • ✅ Works well in marketplaces and branding assets.