Skip to route content
Implemented

Raster and shader reference · Version 2

Raster backgrounds, material textures, and WebGL fields.

The reference contains six 4096 × 2304 WebP backgrounds and four 4096 × 4096 material textures for page headers, editor canvases, covers, documentation, fallbacks, and long-running tools.

Theme system

Six material atmospheres.

Each atmosphere is demonstrated by an actual raster background. Signal blue, typography, the block H, and the light/dark contract remain invariant.

01 / monolith

Monolith

graphite mass, hard thresholds, isolated signal

02 / silica

Silica

dry mineral light, long horizons, optical heat

03 / foundry

Foundry

inked carbon, rough process, machined containment

04 / nocturne

Nocturne

operational night, structural ribs, sparse telemetry

05 / reliquary

Reliquary

pale ceramic armour, archival seams, protected core

06 / storm

Storm

directional pressure, vault geometry, charged atmosphere

Raster backgrounds

Six 4K cinematic backgrounds.

These are real high-resolution WebP image masters rather than vector illustrations. Each file is 4096 × 2304 and can be opened directly for full-resolution review or used as a cover, hero, editor surround, or shader fallback.

Raster textures

Four 4K material textures.

Each square master is 4096 × 4096 and carries real surface variation for panels, editor surrounds, document covers, state treatments, and close editorial crops.

Layered beige and graphite mineral material with metallic dust and thin blue seams.
01 · 4096 × 4096Silica Drift

mineral surfaces, light panels, covers, and restrained canvas grain

A weathered brass and oxidised copper surface with dark steel, teal patina, pitting, and warm metallic wear.
02 · 4096 × 4096Oxide Patina

foundry panels, aged infrastructure, borders, and editorial crops

A dark woven carbon material with distressed folds, soot, fine filament structure, and subtle bronze dust.
03 · 4096 × 4096Carbon Weave

dark editor surrounds, equipment panels, code canvases, and dense material depth

Frosted fractured mineral glass with internal blue interference patterns, fine dust, and pale crystalline seams.
04 · 4096 × 4096Phase Glass

inspection surfaces, overlays, optical panels, and cool state transitions

Live visual effects

Six real WebGL shader fields.

Every field pauses off screen, caps device pixel ratio, honours reduced motion, follows Hara light/dark changes, and retains a matched 4K raster background if WebGL is unavailable.

Strata

Warped mineral layers and a measured route across a long technical horizon.

strata · silica

Ink flux

Domain-warped carbon constrained by a vertical execution rail.

ink · foundry

Monolith

Signed-distance masses, structural fog, and one isolated central seam.

monolith · monolith

Lattice

Calibrated cells, braces, and stepped selection without decorative particles.

lattice · nocturne

Heat shear

Dry optical displacement over layered ridges and a fixed instrument gate.

shimmer · reliquary

Vector field

Directional conduits tighten around a pointer-responsive inspection aperture.

field · storm

Implementation contract

Raster imagery remains primary; motion is optional.

Backgrounds
Six 4096 × 2304 WebP masters
Textures
Four 4096 × 4096 WebP masters
Motion
Opt in and reduced-motion safe
Fallback
Matched high-resolution raster image
Identity
H mark, type, and functional signal remain fixed
Distribution
Package assets plus GitHub Pages delivery