Skip to main content
Native IT Ayu Theme Demo

Ayu-Mirage-Inspired Theme

A terminal-native aesthetic for product surfaces and documentation.

This showcase translates the Ayu terminal palette into a full web theme: electric cyan for primary actions, amber highlights for emphasis, moss signals for success states, and layered dark surfaces for focus-heavy workflows.

Inspect components View token map
$ npm run deploy -- --theme ayu --mode mirage

Color tokens

Ayu foundation mapped to reusable theme variables.

Toggle between Mirage and Light to compare contrast behavior.

Background

--ayu-bg

Surface

--ayu-surface

Primary

--ayu-cyan

Accent

--ayu-orange

Success

--ayu-green

Error

--ayu-red

Component preview

Native IT components, re-skinned for Ayu workflows.

Action cluster + status messaging

Deployment passed

All checks are green across API, edge, and worker tiers.

Latency watch

Region eu-west-2 is trending above 220ms p95. Review queue depth.

Release intake

Pipeline board

Current deployment stages
Stage Owner Result Duration
Build + lint CI runner Passed 02m 44s
Integration tests Platform QA Passed 05m 13s
Canary deployment SRE Monitoring 09m 20s
Global rollout Release lead Queued -

Terminal narrative

Example session output in Ayu presentation.

$ ntv release --target production --theme ayu

[ok] Design token map resolved
[ok] Component bundle generated
[warn] Region eu-west-2 latency above threshold
[ok] Canary health checks stable
[info] Rollout window starts at 21:00 UTC

$ tail -f /var/log/release/events.log