The smallest parts of LATENT, shown in every state. Switch theme and density above: every element reads the same semantic tokens.
Primary is reserved for the one human action that matters in a viewport. On Paper, lime always carries a 1 px ink hairline.
| default | hover | focus-visible | active | disabled | loading | |
|---|---|---|---|---|---|---|
| primary | Start free | Start free | Start free | Start free | Start free | Working… |
| secondary | Book a demo | Book a demo | Book a demo | Book a demo | Book a demo | Working… |
| tertiary | View sources | View sources | View sources | View sources | View sources | Working… |
| ghost | Cancel | Cancel | Cancel | Cancel | Cancel | Working… |
| link | Read the docs → | Read the docs → | Read the docs → | Read the docs → | Read the docs → | Working… |
| destructive | Revoke key | Revoke key | Revoke key | Revoke key | Revoke key | Working… |
Eight states per element, both themes (switch above), both densities. Error and success always add an icon and a message, never color alone.
| default | hover | focus-visible | active | disabled | loading | error | success | |
|---|---|---|---|---|---|---|---|---|
| filter chip | Contracts | Contracts | Contracts | ✓ Contracts | Contracts | ◌ Contractsaria-busy | Contracts× Couldn’t save. Retry | Contracts✓ Saved |
| checkbox | ☐ Include archived | ☐ Include archived | ☐ Include archived | ☑ Include archived | ☐ Include archived | ◌ Include archivedaria-busy | ☐ Include archived× Couldn’t save. Retry | ☑ Include archived✓ Saved |
| switch | ○— Off | ○— Off | ○— Off | —● On | ○— Off | ◌ Offaria-busy | ○— Off× Couldn’t save. Retry | ○— Off✓ Saved |
| citation | 2 | 2 | 2 | 2 | 2 | ◌ 2aria-busy | ?Source unavailable | 2✓ Saved |
| verification | ✓ Grounded | ✓ Grounded | ✓ Grounded | ✓ Grounded | ✓ Grounded | ◌ Checking… | × UnsupportedNo supporting source | ✓ Grounded✓ Saved |
| model picker | Summit 2.1 ▾ | Summit 2.1 ▾ | Summit 2.1 ▾ | Summit 2.1 ▴ | Summit 2.1 ▾ | ◌ Summit 2.1 ▾aria-busy | Summit 2.1 ▾× Couldn’t save. Retry | Summit 2.1 ▾✓ Saved |
| feedback | ↓ Not helpful | ↓ Not helpful | ↓ Not helpful | ↓ Not helpful | ↓ Not helpful | ◌ ↓ Not helpfularia-busy | ↓ Not helpful× Couldn’t save. Retry | ↓ Not helpful✓ Saved |
What makes an interface legible. These appear on every AI output. The AI mark is a diamond with a center point: a location in latent space, never a sparkle.
CAIRN_API_KEY