archeDESIGN SYSTEM / 001

FOUNDATIONS FOR WHAT COMES NEXT

Good systems.
Better beginnings.

A considered foundation for your next interface. Independent tokens, composable Vue components, and a first-class Nuxt integration.

CONSUMER · NUXT / SSR   /   V0.2.0

The first building blocks

01—02

01 / ATOM

Button

A native action. A clear focus state. Your content, through a slot.

Activated 0 times

@arche/nuxt/components/button

03 / CONTEXT

Scoped theme

A nested brand and mode stay local, including content teleported to an overlay.

ArThemeProvider · synthetic / dark
Abstract Arche composition

02 / MOLECULE

Card

A flexible surface for things that belong together. Header, body and footer remain yours.

ActionSurfaceText
@arche/nuxt/components/card

Native form contracts

Back to top

Used only by this local neutral fixture.

Density preview

Not saved

Disclosure contracts

Local and coordinated state

Every group owns a scoped provider; requests never share its state.

Native overlay contract

Top layer · scoped theme

Last dialog close: none

Scoped native Dialog

This modal stays inside the synthetic dark theme context.

Escape, backdrop and the close action all update the same public state.

Neutral fixture · no product action