Theme Preview

Quick visual demos for four theme concepts: Structural Brutalist, Swiss International, Obsidian Layer, and Editorial White-Paper. (Code highlighting in this preview is intentionally simplified.)

1 / 4

1. Structural Brutalist

Raw Infrastructure

Technical Blueprint

Bold borders, rigid structure, and negative space—built to frame complex diagrams and system thinking.

Deploy

$ kubectl describe kafka-connect cluster
READY=true
status.conditions=RUNNING
resourceUsage: peak=high

2. Swiss International

Mathematical Precision

Content-First Portfolio

A 12-column grid with typographic hierarchy and a single orange accent. Interaction feels “ghost” and deliberate.

CTA

if (connector.isRunning()) {
  renderHelmValues();
  reconcileWithStrimzi();
}

3. Obsidian Layer

Depth & Sophistication

Atmospheric Executive Tech

Frosted depth, neon haze accents, and a premium dark-mode feel built for command-and-control UI.

Command Palette

$ echo "noctis://shiki-highlight" | render
z-index: frosted
blur: 14px
glow: cyan-violet

4. Editorial White-Paper

The Authority

Engineering Journal

Austere white-paper presentation, hyper-legible text, and inset code cards for long-form insight.

Lessons

// Lessons learned (pull-quote tone)
// 1) Observability first
// 2) GitOps always
// 3) Security is a workflow