Open Elements Design System
Foundation 05 — Components Buttons · Tags · Tiles · Inputs

Components, composed.

Flat, disciplined, navy-first. Buttons default to solid navy; pink is saved for the single most important call to action on a page; green confirms a state change (approve, enrol, ship).

Buttons

Three solid variants and a ghost. Roles, not colors — pick by intent, not by what looks fresh.

PRIMARY
Navy does the work.

Default for any action. If you can solve the layout with one navy button, do.

ACCENT
Pink, once.

The single most important CTA on the page. If two buttons want to be pink, neither is.

SUCCESS
Green confirms.

Approve, enrol, ship, publish. State changes that should feel reassuring, not loud.

Tags

For metadata, never for navigation. Always paired with a stack name, status, or duration.

Apache Maven JUnit Active engagement LTS · 3 years Featured

Tiles & stats.

Square tiles for numbers, rectangular tiles for sentences. The mix is the rhythm of the page.

~75%
Market share
2B+
Downloads
Top
100
Critical OSS
500K
Daily downloads
Why it matters
Open Elements now sponsors and actively contributes to Apache Maven's development.
Essential for compliance with US Executive Order 14028 and the EU Cyber Resilience Act
Active engagement
Apache Maven — long-term support, security fixes, and documentation.

Inputs

Bolded labels above the field. No floating labels, no helper text below — keep the form short enough that you don't need them.

Section rule.

A 2px navy bar, a single italic-bold phrase, the kind of moment a deck slide opens with.

Becoming a Sustainable Program