INTERFACE RESEARCH / ORIGINAL CSS

Surfaces for the next interface.

Five combinable, theme-aware frame shapes. Browser terminal and operational data presentation. One HTML document, three opt-in stylesheets, zero runtime JavaScript.

All values below are illustrative — no live services or interactive terminal are connected.

01 / Geometric profiles

01 / BEVEL

Full-corner geometry

Diagonal border framing without masking a parent background.

READY

02 / NOTCH

Asymmetric cut

Adjust size using --syn-frame-cut on any component.

DEGRADED

03 / BRACKET

HUD corner marks

Four unobtrusive technical brackets; no pseudo-content is read aloud.

PASSIVE

04 / INSET / NOIR

Dual border

Geometry composes with a nested, warmer theme.

INTEGRATED

05 / CIRCUIT / STUDIO

Quiet signal traces

Works on professional light backgrounds without glowing animations.

AVAILABLE

02 / Developer terminal presentation

operator@syntyr : ~/workspace STATIC DEMO · UTF-8

➜ ~/workspace python3 scripts/build.py --check Validating distributions: core ...... OK geometry .. OK recipes ... OK ✓ All CSS bundles match their sources ! Browser screenshots require developer-only tooling ✕ Example failure: deployment unavailable ➜ ~/workspace

No emulated shell, input capture, blink animations or network assets. ANSI application palettes remain separately defined in terminal/palettes.json.

03 / Semantic operational data

Illustrative service health; not live monitoring data
SERVICE	REGION	LATENCY	STATUS
Gateway	us-east	21 ms	Online
Queue	eu-west	43 ms	Delayed
Reports	sa-east	112 ms	Unavailable