◆ Enterprise Health · brand & design system

The Enterprise Health style guide

The working reference for the identity — logo and mark usage, the six‑role living‑systems palette, design tokens, typography and the button system. For the story of how it emerged, see the Brand & Growth Strategy deck.

Primary logo · EH-Logo-Refresh.png

The logo — recolored to champagne, on four backgrounds

A champagne‑gilt sunburst mark + a cool slate‑gray wordmark. The sunburst was recolored from its original sun‑gold into our gilt family so it sits inside the plum + champagne system; the slate wordmark is unchanged. The flat lockup still loses contrast on dark/plum — so the live site no longer leans on it there: the header and footer now pair the standalone sunburst icon with a Sora text wordmark (plum on light, white on the dark footer), keeping the lockup crisp on every surface.

Enterprise Health logo on white
on white
Enterprise Health logo on light grey
on n‑100
Enterprise Health logo on dark ink
on ink (dark)
Enterprise Health logo on plum
on our plum
App icon / favicon · EH-Icon-Refresh-2.png

The sunburst mark, standalone

Sunburst app icon
Sunburst app icon
Sunburst app icon
Sunburst app icon on dark
Sunburst app icon on dark
The concept · light

The tech is the light

Look closely and the whole identity is one idea wearing different clothes. The mark is a sunburst — light, thrown outward. The photography lives at golden hour, which is just that same sun, low and warm. And across the product imagery the platform shows up as nodes and beacons glowing on raw structure— data as illumination, the tech as the thing that lets you see. It isn't surveillance; it's switching the lights on.

Warm by default — gold, champagne, rose, plum, greenone cool signal · teal
The light source
Golden hour, not overhead light

The sunburst is the sun; the golden-hour photography is an indirect play on that same mark — warm, low, generous light, the hour everything looks alive. The opposite of the fluorescent glare people associate with clinics, compliance and the back office.

The metaphor
The beacons are the build

In the imagery the platform reads as beacons and nodes lit on raw concrete and steel — the tech as the light guiding the work. Data makes the invisible visible: the risk, the trend, the person who needs attention. It doesn't watch the workforce; it illuminates it.

The exception
One cool note, on purpose

So the palette stays warm — because warmth is human and fluorescent is not. Teal is the single deliberate exception: the one cool signal, the nervous system reading back that the lights are on and the system is alive.

The palette · a living system

Six colors. Six roles. One living system.

We stopped picking colors and started casting roles. Each hue runs one system of the organism — the pulse, the framework, the signal, the nervous system, the humanity and the flourishing. Concrete, steel, governance and data are all here; but read together the palette tells a category-level story: the infrastructure that helps workforces thrive, not a compliance prison.

Health
The Pulse

The bloodstream — clinicians, expertise, intervention; the moment health becomes actionable. Most healthcare brands use blue to say “trust us.” Plum says “we know what we’re doing.” More confident, less apologetic.

#5E2F57
Governance
The Framework

The skeleton — structure, accountability, stewardship. The suit works because it says someone owns this. The workforce isn’t floating around in spreadsheets anymore.

#1F3858
Value
The Signal

Sunlight — not flashy, not Vegas gold. The moments value becomes visible: a risk avoided, a trend identified, a program outperforming. Illumination — the instant data becomes insight.

#C2A06B
Intelligence
The Nervous System

Not “healthcare teal” — connective tissue. The invisible pathways: signals moving, systems talking. A teal metric line reads, subconsciously: the system is alive.

#15807A
New
People
The Humanity

Not pink — humanity. The nurse, the administrator, the occupational-health coordinator, the HR manager keeping 8,000 employees compliant. Warmth without softness; care without cliché. Behind every workflow is a person.

#F4DDE6
New
Growth
Flourishing

Already in the hero — potted greenery lines the terrace, ivy climbs the raw concrete. Not corporate growth; biological growth. Healthy things grow: workers, programs, organizations. The platform doesn’t constrain the workforce — it cultivates it.

#2F7D4F
Health·Governance·Value·Intelligence·People·Growth
Core tokens · the shades to actually use

If you reference one color, reference these

The ramps below show each family's full range — useful for design, but easy to misread (our rose alone runs from a deep dusty base to a near-white mist). So every role has one canonical token: the exact shade to pull when you — or an AI — reference “the brand teal,” “our rose,” and so on. Each ramp marks this shade ★ standard; here they are together, each with the dark text-safe variant for type on light.

Health
Plum 600
#5E2F57

Primary brand — authority, headers, primary CTAs

reads as text on light
Governance
Navy 600
#1F3858

Structural ground — dark data surfaces & depth

reads as text on light
Value
Gilt
#C2A06B

The mark & premium accent — wins, emphasis

on light, type uses #A8854E
Intelligence
Teal
#15807A

Data & vitality signal — live state, positive deltas

on light, type uses #0E5E59
People
Rose blush
#F4DDE6

Humanity accent — care moments, testimonials, empty states

on light, type uses #8C5169
Growth
Living green
#2F7D4F

Flourishing — growth & positive trends

on light, type uses #173F29
Brand colors — the mark, harmonized

Original gold → our champagne system

Decision: the sunburst was the last piece of the identity still fighting the system — bright sun‑gold #FCD800 against our plum + champagne. So we recolored the mark into the gilt family with a luminance‑mapped gilt+ ramp: bright petals become champagne‑gilt, the overlaps deepen to gilt‑ink, and the slate wordmark stays untouched. The emblem now belongs to the palette — premium, but still warm enough to keep the sun’s life. No flat sun‑gold remains in the mark — but that ban is about the mark and flat UI fills, not light. In photography, golden‑hour warmth (the honeyed champagne‑to‑amber glow of dusk) is exactly where the gold still lives; what we banished is the saturated primary #FCD800, never atmospheric warmth.

Original sunburst — sampled gold (before)
Sun gold
#FCD800
Amber
#F0A818
Slate wordmark
#7C8794
Recolored sunburst — gilt+ ramp (now)
Gilt shadow
#966F28
Gilt
#BF923E
Champagne
#D6B05A
Gilt highlight
#F0D68B
Our champagne‑gilt system tokens
Plum 600
★ standard
#5E2F57
Gilt · champagne
★ standard
#C2A06B
Slate body
#6A6D77
Ink
#18191C
The third system color — teal

Why we added teal

Plum and gold are both warm — which left the system with no cool “signal” color for data and live UI. As the site leaned into measurable outcomes (charts, the hero data‑horizon, the interactive world map), the gap showed: a second data line in grey reads as dead, and gold can’t be both “premium” and “data” at once. Deep teal #15807A — the cool accent we shortlisted at the very start — fills it, staying strictly subordinate to gold as a functional data & vitality color.

Teal ramp
Teal ink
#0E5E59
Teal · base
★ standard
#15807A
Teal 400
#3FA99B
Teal glow
#74D0C4
Glow peak
#9BE7DC
Teal does
2nd data series · positive deltas · live / real‑time state · active & focus states · links on dark surfaces
Teal never
large fills, headline emphasis, or anything that competes with gold — gold stays the premium brand accent
ThroughputBaseline
▲ 12%
Surveillance · LiveView report →

The story: Enterprise = plum + gold (authority, premium); Health= teal (clinical, vital — the pulse). Warm authority, cool vitality. Already shipping on the homepage map arcs & node data‑lines.

The fifth — humanity

Pale rose — the people behind the workflow

Plum is the clinician, navy the institution, gilt the win — none of them is the person. Pale rose is the human in the system: the nurse, the coordinator, the HR lead keeping thousands compliant. It is deliberately not pink — no candy, no cliché. A pale, dusty rose — warmth without softness — reserved for the small, human places: a name, a care note, an empathetic empty state, a quote from the field.

Pale rose ramp
Rose ink
#8C5169
Rose · base
#C2849C
Pale rose
#E6BCCB
Rose blush
★ standard
#F4DDE6
Rose mist
#FBF2F5
Rose does
people & care moments · testimonials & field quotes · empathetic empty / onboarding states · human-centred illustration accents
Rose never
data, status or alerts (that is teal & gilt) · never a warning red · never a large fill that turns the UI “pink”
The sixth — flourishing

Living green — what the system is for

Green is the one role the brand didn’t pick — it grew into it. Look at the hero: potted greenery lines the terrace and ivy climbs the raw concrete. Green stopped being a color and became a metaphor — not corporate growth, biological growth. The reminder that all this governance, measurement and compliance exists to help living things grow: healthy workers, healthy programs, healthy organizations. Life pushing through infrastructure.

Living green ramp
Green ink
#173F29
Green · base
★ standard
#2F7D4F
Leaf
#4F9468
Sage
#79B08C
Green mist
#D6E8DC
Green does
growth & outcome stories · botanical / photographic accents · “flourishing” moments — improvement over time · sustainability & wellbeing themes
Green never
generic clinical-UI “healthcare green” · status ticks or success states · never competes with teal as the live-data signal

The whole story: Plum → health · navy → governance · teal → intelligence · champagne → value · rose → humanity · green → flourishing. Nature pushing back against bureaucracy — and the two learning to work together.

Interactive components · buttons

Buttons — sheen-sweep motion on hover

The button system dropped its colored drop-shadow glows for sheen-sweep hover animations. Every button lifts a little; primary CTAs deepen in hue while a soft light sheen skims across the face; the secondary ghost button traces a teal-glow sheen with a brightening border and a lingering teal wash. Hover the live examples below — all motion honors prefers-reduced-motion.

Primary & secondary — on plum (hover for the sheen)
On light surfaces
Motion spec
LiftEvery button rises a touch on hover.translateY(-2px) scale(1.03) · 120ms
Sheen sweepPlum & gilt CTAs — a soft light gradient skims across the face.sheen · 550ms ease
Hue deepenPlum darkens to plum-700, gilt to gilt-ink as the sheen passes.background · 200ms
Teal sheenGhost button — a teal-glow gradient sweeps behind the white label.sheen · 600ms ease
Border + washGhost border brightens to white; a faint teal wash lingers while hovered.border + bg · 200ms
Teal shiftOutline button — text and border move to teal over a faint teal wash.color + border · 200ms
Reduced motionSheen sweeps and transitions switch off automatically.prefers-reduced-motion
Product & marketing graphics

EH's own imagery

The on-brand hero plates and section art the live site actually ships — golden-hour, plum + champagne, faces-inward. Shown raw here; each gets the .eh-media duotone-and-glow treatment in context.

hero/hero-plate.webp
hero/hero-people.webp
hero/hero-mobile.webp
hero/hero-plate-construction.webp
hero/hero-people-construction.webp
generated/why-portal.webp
generated/sor-team.webp
generated/platform-band.webp
generated/ozwell-band.webp
generated/students-band.webp
generated/company-story.webp
generated/feat-osha.webp
generated/feat-surveillance.webp
generated/feat-immunization.webp
generated/feat-interop.webp
generated/ai-gap.webp
generated/ai-trust.webp
Customer logo band

Enterprise Health's customers

⚠ Third‑party trademarks belonging to Enterprise Health's customers — retrieved for reference only. Do not present these as our customers or reuse them without rights.
Tokens · 01 — Color

Every tint, 50 → 950

The full numeric scale behind the role ramps above — the exact tokens the UI is built from. Plum anchors at #5E2F57; slate neutrals keep it sleek with no pink drift.

PLUM 50 → 950

50
100
200
300
400
500
600·brand
700
800
900
950

NEUTRAL (slate) 50 → 900

50
100
200
300
400
500·body
600
700
800
900·ink

Accents — gilt leads, teal signals

Both adopted, with distinct jobs. Plum & gold are both warm, so teal gives the system a cool color for data & live UI — kept strictly subordinate to gold.

Gilt — #C2A06B · primary accent

Warm, premium, authoritative — the brand “pop.” Value, emphasis, primary CTAs.

Request a demo
Deep teal — #15807A · data & vitality

The cool signal color: charts, live & interactive states, positive deltas. Never large fills.

TEAL — ink → glow peak (glow values for dark surfaces)

ink
base
400
glow
peak

Navy — structural depth, not an accent

The cool groundbeneath the system. Anchors enterprise data surfaces — the global-reach map, the customer trust band, dark panels & printable covers — so gilt and teal can lead on top. It holds the room; it never competes for emphasis.

NAVY — ink → glow (depth for maps, bands & dark sections)

ink
700
base
400
glow

Pale rose & living green — humanity & flourishing

The two newest roles. Pale rose is the person behind the workflow — the nurse, the coordinator, the HR lead — not pink, humanity. Living green is what the system is for: growth, flourishing, life pushing through the infrastructure. Both stay sparing — human and botanical moments, never data or status.

PALE ROSE — ink → mist (humanity; small, human places)

ink
600
base
pale
mist

LIVING GREEN — ink → mist (flourishing; growth & botanical accents)

ink
600
base
300
mist
Tokens · 02 — Typography

Sora display · Inter body

Sora keeps the brand voice in headlines; Inter sharpens body & UI for a fresher, sleeker read.

DISPLAY · Sora 700 · -0.02em
Measurable. Governable.
H2 · Sora 700

Infrastructure for organizational performance

H3 · Sora 600

Certified occupational & employee health EHR

BODY · Inter 400 · 1.6

Enterprise Health unifies clinical care, compliance, and surveillance across every site and country — so workforce health becomes a strategic asset, not a fragmented cost center.

Tokens · 03 — Components

Sleek cards, hairlines, soft depth

16px radius, 1px borders, barely-there shadows that lift on hover. Restrained, precise, premium. The button system is documented above.

EHR

Certified EHR

ONC-certified, purpose-built for occupational & employee health.

Platform

Compliance & Surveillance

Automated documentation, audit trails, OSHA-ready workflows.

Governance

Analytics & Reporting

Board-level dashboards linking workforce health to performance.

Insight
04 — Proof band
50+
Countries deployed
9
Languages supported
Fortune 1000
Enterprise clients
ACOEM 10
Recommendations met