Internal / dev only

CADOPT Design System — Component Style Guide

Colors and typography below are PROVISIONAL placeholders, not approved CADOPT brand values. See docs/design/CADOPT-BRAND-AUDIT.md.

Breadcrumbs

Buttons

As a link

Text link

This is body copy with an inline text link and one with an arrow.

Chips

Static tagSelected filter

Cards

Capability

Engineering Automation

Placeholder description text for a capability card.

Learn more

Industry

Aerospace & Defense

Placeholder description text for an industry card.

Stat block

10+
Years (placeholder)
Illustrative — not verified
250+
Employees (placeholder)
Illustrative — not verified
6
Cities (placeholder)
Illustrative — not verified
4
Partners (placeholder)
Illustrative — not verified

Accordion

What is this?
A native <details>/<summary>-based accordion — accessible and JS-free.
Another question
Placeholder answer content.

Tabs

Placeholder overview panel content.

CTA panel

Bring us your engineering challenge.

Placeholder CTA description.