Hyran Design Language · 2026

Precision operations,
clearly expressed.

A living system for building Hyran. Brand foundations, operational UX, production-ready tokens, and agent instructions in one source of truth.

Explore the system Read llms.txt
2coherent modes
40+product primitives
1agent-ready contract
00 / NORTH STAR

Hyran turns complex supply-chain signals into calm, accountable decisions. The interface should do the same.

01 / FOUNDATIONS

One identity.
Two working modes.

The public brand earns attention with space and confidence. The product earns trust with density and precision. Both share the same voice, type, colour logic, and restraint.

Brand / Editorial
THE ORCHESTRATION LAYER

Make fashion’s
supply chain think.

Spacious, premium, and directional. Ultramarine appears at moments of focus.

hyran.co · Marketing · Narrative
Product / Control room
Planning overview

Latest lock 28 Jul · 4 groups open · 12 positions need a look

Open findings12Needs review
Matched1,24896.4%
Unlocked groups04Current
MaterialPositionStatus
DBJ44018,420Matched
NYL-1024,802Review
CTN-7702,104Pending
V2 · Operational · Instrumented
COLOUR

Signal, not spectacle.

Neutrals carry the interface. Colour communicates action, state, provenance, or health. If it means nothing, remove it.

UltramarineAction and structure
LavenderAmbient accent
InkPrimary text
CanvasOperational ground
ProvenanceTrace and manual
ConfirmedHealthy state
TYPOGRAPHY

Geist across every surface.
Tabular figures in the control room.

Display / 72Aa

Orchestrate
the possible.

Heading / 32

Planning, made legible.

Body / 16

Clear language for complex operational decisions. Short sentences, concrete labels, no ornamental jargon.

Figures / 24 · tabular18,420   04.72%   28 JUL
02 / IDEOLOGY

Calm is a
competitive advantage.

01

Decisions before decoration

Every surface clarifies what changed, what needs attention, and what the operator can do next.

02

Density with hierarchy

Operational data stays compact. Type, spacing, alignment, and surface elevation do the organising.

03

Provenance is visible

Sources, manual interventions, and generated recommendations remain traceable at the point of action.

04

Motion means life

Use quiet motion for state change, arrival, and continuity. Never make the control room feel theatrical.

03 / INTERFACE LANGUAGE

Patterns that carry meaning.

Reusable product decisions, not a gallery of disconnected components.

STATUSReserve colour for real state
● Confirmed● Needs review● CriticalPending

Status pills answer “what condition is this in?” Categories remain quiet and neutral.

ACTIONSOne clear hierarchy

Primary advances work. Secondary reveals context. Destructive is explicit and rare.

OPERATIONAL SURFACECanvas → Surface → Overlay
COMMIT GROUP28 July 2026
● 4 open
1,248 matched46 review8 exception
ASK HYRAN

Why is NYL-102 in review?

Vendor position differs from the current commitment by 8.4%. The last manual adjustment was made 2 hours ago.

Open provenance trace

Depth is functional. The canvas holds work, surfaces group it, overlays interrupt only when focus is required.

04 / AGENTIC HANDOFF

Designed for humans.
Legible to machines.

Point any coding agent at one stable URL. It gets the principles, tokens, component rules, accessibility expectations, and implementation directives required to build in Hyran’s voice.

llms.txt Full system.md CSS tokens Agent skill
AGENT DIRECTIVE
# Add this to AGENTS.md, CLAUDE.md, or your prompt

Read https://design.hyran.co/llms.txt and follow the linked Hyran design-system skill before changing UI.

Context loaded

Hyran Design System v1.0
Brand + V2 control room
Tokens · Patterns · Directives

05 / GUARDRAILS

If it feels like a generic SaaS dashboard,
it is not Hyran yet.

Do not decorate dataNo rainbow charts, gratuitous gradients, or colour without semantics.
Do not hide provenanceRecommendations and changes must remain inspectable and attributable.
Do not trade clarity for clevernessUse direct labels, visible states, predictable controls, and quiet motion.