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   /   V1.0.0

The first building blocks

01—04

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

04 / NEUTRAL

Composition primitives

NeutralReadyNeeds attention

Badge, Divider and Stack share one small modular CSS family.

@arche/nuxt/components/stack

Native form contracts

Back to top
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

Neutral application patterns

Composition without product logic

○

No saved views

Create a local view when this neutral workspace needs one.

No confirmation requested

Create this local view?

This demonstration records an event only; it performs no product operation.

The consuming application decides what confirmation means and performs the operation.

Interface preferences

Choose local presentation preferences for this interface.

Color mode

Save these preferences?

The consuming application decides how and where to save them.

Language: . Color mode: system. Reduced motion: off.

Search the Arche catalogue

Filter neutral local fixtures. The consumer owns every result and operation.

10 results

  • Token architecture

    Primitive, semantic and component decisions with generated outputs.

    foundations

  • Theme contexts

    Brand, mode and density contexts that remain safe during SSR.

    foundations