Design Tokens

Brand Guidelines

Asset configurations, color values, typography hierarchies, and rules to represent Dehurdle consistently.

Identity

Our Mission & Identity

Brand Description

Dehurdle is an enterprise-grade L&D and sales capability platform that utilizes real-time speech processing and vocal metrics analysis (WPM, pause patterns, emotional energy) to simulate high-fidelity corporate simulations. Our platform enables organizations to build communication consistency, practice objection-handling playbooks, and scale employee coaching through interactive audio arenas with zero-voice retention security.

Core Tagline

“Scale employee coaching with real-time audio simulation arenas.”

Logos

Logo Configurations

We use two primary configurations of our identifier depending on the context density.

Horizontal Wordmark

Default variant for navigation bars, banners, and general documents.

App Icon / Avatar Variant

Used in workspaces, favicon layouts, mobile indicators, and high-density spots.

Logo Clearspace

Maintain a minimum margin of clear space around the logo equal to the height of the capital letter 'D' in Dehurdle. This keeps the identifier legible and uncluttered.

Logo Color Contrast

Use the primary dark indigo logo on light backgrounds and the high-contrast light purple variant on dark backgrounds. Do not apply arbitrary colors to the path.

Aspect Ratio Lock

Always scale the logo proportionally. Do not stretch, squeeze, or warp the vector coordinates under any circumstances.

Palette

Core Color System

Hex tokens and CSS custom variables specified by the design layout.

#1D0E4A
Brand Primary--color-brand-primary

Deep indigo used for layout structure and dominant headers.

#2C167B
Brand Secondary--color-brand-secondary

Core accent purple for links, subheaders, and branding markers.

#8C8EFF
Brand Accent--color-brand-accent

Bright lavender-blue for interactive borders, focus overlays, and badges.

#FFE9DB
Brand Muted--color-brand-muted

Warm peach used for backgrounds, hover states, and card outlines.

#FFB486
Highlight Background--color-brand-highlight-bg

Amber alert color for dashboard metrics and warning scorecards.

#FFFBF9
Brand Background--color-brand-bg

Off-white default workspace canvas color.

Typography

Font Families

Custom local typefaces configured in the root layout.

Primary Sans: Neutral Sansfont-sans / --font-neutral-sans
Aa Bb Cc 123

Used for body copies, subheadings, scorecard numbers, lists, data tables, and generic UI parameters.

Secondary Serif: Newsreaderfont-serif / --font-newsreader
Aa Bb Cc 123

Used for main page titles, landing quotes, italicized focal text, and highlight summaries.

Usage

Do's and Don'ts

General usage rules for presenting our brand and data policy accurately.

What to Do
  • Refer to Dehurdle as a Data Processor when discussing B2B enterprise seats.
  • Emphasize our Zero Voice Retention Policy (audio processed transiently in-memory, never stored).
  • Utilize exact hex codes and font mappings to construct landing and app layout pages.
What to Avoid
  • Do not state or imply that Dehurdle clones, stores, or sells biometric voice files.
  • Do not claim SOC 2 Type II or ISO 27001 compliance is *unaligned* or *unsupported*.
  • Do not stretch or modify the wordmark path or change its typography.