Evolving

A quiet frame. One indexed signal.

This page is the executable specimen for the current ctxindex visual system. It intentionally uses the same tokens and components as the product so implementation drift remains visible.

Doctrine: DESIGN.md · Tokens: apps/web/app/global.css

Light instrument

Semantic tokens in context

light

Canvas

--color-background-primary

Surface

--color-background-secondary

Frame

--color-border-default

Ink

--color-text-primary

Muted ink

--color-text-secondary

Index signal

--ctx-signal

One decision group

Inline link

Context remains structured

Realms separate contexts, Sources bind providers, and stable Refs let agents retrieve the right resource without another integration layer.

ctxindex search "invoice acme" --realm company --format json

Dark instrument

Semantic tokens in context

dark

Canvas

--color-background-primary

Surface

--color-background-secondary

Frame

--color-border-default

Ink

--color-text-primary

Muted ink

--color-text-secondary

Index signal

--ctx-signal

One decision group

Inline link

Context remains structured

Realms separate contexts, Sources bind providers, and stable Refs let agents retrieve the right resource without another integration layer.

ctxindex search "invoice acme" --realm company --format json

Brand lockups

The official lockup pairs the mark with the outlined Geist 540 wordmark — path data, no font dependency — and carries two intentional amber dots: the mark’s index signal and the wordmark’s i-dot. Horizontal, stacked, descriptor, and monochrome compositions all come from one reusable component backed by the canonical SVG assets on the brand page.

On light

light

Navigation

Standard

Display

With descriptor

One deterministic interface to the context you already have.

Stacked

Monochrome

On dark

dark

Navigation

Standard

Display

With descriptor

One deterministic interface to the context you already have.

Stacked

Monochrome

Typography

Interface prose stays direct and readable. Monospace appears only when the content is genuinely executable or machine-shaped.

Retrieve what matters.

Display / bold / −0.03em

One coherent access model

Section heading / semibold / −0.02em

ctxindex provides deterministic access to mail, calendars, and files while providers remain canonical. The interface should make that precision feel ordinary rather than theatrical.

Body / regular / readable measure

ctxindex get ctx://realm/source/resource --format json

Logo scale

One geometry from favicon through landing-page use.

Open symbolic SVG →
16px
24px
32px
56px
96px

Asset set

Theme, monochrome, and symbolic SVGs are available with transparent PNG exports from 16px through 512px.