Working proposal · v0.1

Beehexa Design System

One system.
Every interface.

A shared language for designing and building clear, accessible, data-rich products—at Beehexa speed.

Explore foundations View components

Web first
WCAG 2.2 AA
Token driven

COLOR TOKENS

color.brand.primary#2563EB

color.text#0F172A

Button

PREVIEW

Save changesCancel

ExamplesCodeUsageA11y

8space.100

Why this system

Designed for how Beehexa builds.

Built for B2B complexity

Patterns for dense data, powerful workflows, and software people use every day.

One source of truth

Tokens and reusable components keep design and code moving in the same direction.

Ready for humans and agents

Clear documentation helps teams—and AI tooling—produce consistent interfaces.

Foundations

Make every decision reusable.

Foundations turn Beehexa’s visual language, accessibility standards, and interaction rules into a system teams can build on.

Design tokens

A shared vocabulary for color, type, spacing, radius, motion, and every decision in between.

Tokens · Full token list

Guidelines

Practical standards for accessible interfaces and content that works for everyone.

Accessibility · Content

Visual styles

The visual building blocks behind a clear, scalable product experience.

Color · Type · Grid · Motion

Components

From building blocks to shipped product.

Each component brings design guidance, implementation details, accessibility requirements, and change history together in one place.

Actions

Button

Triggers an action or event.

General availability

ExamplesCodeUsageAccessibilityChangelog

Primary actionSecondary

Design Code Accessibility

Tools

Guardrails that travel with the code.

Keep the system consistent from the first commit with lint rules, themes, and documentation built for the way modern teams work.

✓ Stylelint and ESLint rules
✓ Ant Design Vue theme
✓ Documentation for AI agents

beehexa-ui — check

$ pnpm design:check

checking tokens...        passed
checking components...    passed
checking accessibility... passed

✓ Ready to ship_

Get started

Choose your path in.

The same system, organized around the work you need to do.

Design

Create with shared foundations

Move from idea to interface with reusable decisions, patterns, and components.

Develop

Ship the system, not a snapshot

Use implementation guidance, code examples, and guardrails that stay in sync.

Content

Make every word earn its place

Write concise, inclusive product experiences with one consistent voice.

Release phases

Know what’s ready.
Know what’s next.

Every foundation and component has a clear level of maturity, so teams can make informed choices.

Early Access

Explore and help shape it

Beta

Ready for controlled use

General Availability

Stable and supported

Deprecated

Migration required

News

Updates and changelog.

What changed in the system and this proposal, as it happens.

Oct 2026

Site structure proposal published

Get started, Foundations, Components, Tools, Release phases, and News — based on Atlassian Design System, with accessibility, interaction-state, and breakpoint guidance borrowed from Material Design 3.