Design & branding guidelines

Design & branding guidelines

Design & branding guidelines

Design & branding guidelines

Introduction

Welcome to the enhanced.io brand guidelines. Everything you need to represent the enhanced.io brand correctly across your marketing materials, proposals, and client communications.

These guidelines help MSP partners and vendor partners use our logo, colors, and messaging consistently. Download assets directly or reference the specifications below.

Logo usage

The enhanced.io logo represents full spectrum security. Use it consistently to maintain brand recognition across all partner materials.

Primary logo


Use the full-color logo with white out text on dark backgrounds. This is the preferred version for most applications.

Logo variations


  • Full color (dark background): Primary version for websites, presentations, and dark materials

  • Reversed (light background): For use on white or light-colored materials

  • Icon only: For favicons, app icons, and small spaces where the full logo won't fit.

Clear space


Maintain a minimum clear space around the logo equal to the height of the icon mark. This ensures the logo remains legible and uncluttered.

Do


Use the logo files provided in the downloads section

  • Maintain the minimum clear space around the logo

  • Place on backgrounds with sufficient contrast

Don't


  • Stretch, distort, or rotate the logo

  • Change the logo colors

  • Add effects, shadows, or outlines

  • Place on busy backgrounds or photos without a solid color block

  • Recreate or approximate the logo using other fonts or shapes


Color palette

Our color palette balances technical authority with modern energy. Deep Navy anchors the brand, while Teal and Magenta provide accent and emphasis.

Deep navy

HEX: #00132D

RGB: 0, 19, 45

Usage: Backgrounds, headers, primary brand color

Teal

HEX: #22D3C4

RGB: 34, 211, 196

Usage: CTAs, highlights, success indicators

Magenta

HEX: #E11D74

RGB: 225, 29, 116

Usage: Accents, alerts, secondary emphasis

Typography

Our typography is clean and modern, prioritizing readability across digital and print applications.

Aa

Dwight is our preferred brand typeface. It is used for headings, key statements, and brand-led moments where character and authority matter.



Inter is used alongside Dwight for body copy and UI elements. It is chosen for its clarity, performance, and broad platform support across web and product interfaces.

Primary typeface


  • Dwight

  • Inter

Dwight

Aa

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Inter

Aa

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz


Dwight is a licensed typeface used for brand-led headings and key statements. Font files are not distributed as part of this brand guide. Approved partners or vendors requiring access should contact enhanced.io directly.



Dwight must not be used for long-form body copy, dense UI layouts, or functional interface text. Inter should be confirmed as the default typeface in these contexts.

Fallback fonts


When Dwight is unavailable, fall back to Inter first. If neither is available, use system fonts in the following order to maintain consistency and performance:


  • Inter

  • Helvetica Neue

  • Arial

  • Sans serif



Inter

Aa

Helvetica

Bb

Arial

Cc

San Serif

Dd


This approach ensures fast loading, broad compatibility, and minimal visual shift across devices and operating systems.

Usage guidelines


Heading style

Use heading styles consistently to create a clear and predictable hierarchy. Avoid skipping levels. This helps scanning, accessibility, and layout rhythm.

Heading style

Use heading styles consistently to create a clear and predictable hierarchy. Avoid skipping levels. This helps scanning, accessibility, and layout rhythm.

Heading style

Use heading styles consistently to create a clear and predictable hierarchy. Avoid skipping levels. This helps scanning, accessibility, and layout rhythm.

Heading style

Use heading styles consistently to create a clear and predictable hierarchy. Avoid skipping levels. This helps scanning, accessibility, and layout rhythm.

Size

Size

Size

Size

Spacing

Spacing

Spacing

Spacing

Limit

Limit

Limit

Limit

Header with Dwight

Header with Dwight

Header with Dwight

Header with Dwight

Body in Inter

Body in Inter

Body in Inter

Body in Inter

Contrast

Contrast

Contrast

Contrast

Partner co-branding

As an enhanced.io partner, you can use our brand alongside yours to demonstrate your security capabilities. These guidelines ensure professional, consistent co-branding across all partner materials.

Certified Partner logos


The enhanced.io Certified Partner logos signal to your clients that you are an approved delivery partner for enterprise-grade security services, backed by enhanced.io’s 24/7 SOC and Fractional Security Director capabilities.



These logos are intended to reinforce credibility, capability, and alignment with enhanced.io delivery standards. They may only be used by authorised partners in accordance with the guidelines below.


Interaction and navigation

When embedding Enhanced.io experiences:

  • Navigation should be intuitive and consistent with the platform’s existing UI patterns.

  • Interactive components like search, filters, or embeds must be responsive and touch-friendly.

Include appropriate feedback for user actions (e.g., loading states, success/error messages) to keep users informed.

Accessibility considerations

Enhanced.io is committed to inclusive design. When integrating components or content:

  • Ensure interactive elements are reachable by keyboard focus.

  • Provide text alternatives for icons and images where necessary.

  • Use appropriate ARIA roles and labels for screen readers.

Aim to meet or exceed WCAG 2.1 AA standards for accessibility across your Enhanced.io integrations.s 

Developer & API integration notes

Enhanced.io is committed to inclusive design. When integrating components or content:

  • Ensure interactive elements are reachable by keyboard focus.

  • Provide text alternatives for icons and images where necessary.

  • Use appropriate ARIA roles and labels for screen readers.

Aim to meet or exceed WCAG 2.1 AA standards for accessibility across your Enhanced.io integrations.

  • on relatable cWhat does an OT security assessment include? 

Need something custom?

For custom co-branding requests, event materials, or questions about using the enhanced.io brand, get in touch with our team.

Ready to own this market?

Ready to own this market?

Talk to us about adding smart building and OT security to your portfolio. We'll show you exactly how it works and what it takes to get started.

Book a Call