Surface Canvas

RNDRLAB Workbench

Primary State

Typography Surface

Typographic Matrix

Calibrated Systems Need Rhythm

RNDRLAB live-calibrates semantic rendering pressure across type, spacing, and surface atmosphere. This is the baseline passage used to tune visual consistency under dynamic constraints.

Dashboard Surface

Calibration Stress Console

Dense multi-state observability panel for runtime mastering.

Typographic Drift

0.18

-0.04

Spacing Divergence

1.92

+0.23

Border Resonance

82.1%

+2.6%

Shadow Bloom

0.57

-0.02

Load Topology

Updated 3s ago

Chart Placeholder / Throughput

Inspector / Border Behavior

Border response is sampled against `--rndr-border-strength` across nested containers.

Inspector / Radius Consistency

Calibration Ledger

Surface	Density	Radius	Contrast	Status
Dashboard/Overview	1.00	16	Pass	Stable
Dashboard/Panel-Compact	1.14	14	Watch	Drift
Typography/Hero	0.92	16	Pass	Stable
Dashboard/AlertBlock	1.20	20	Pass	Stress

Modal Stress State

Apply Calibration Snapshot

This modal tests compact text stacks, call-to-action contrast, border stacking, and nested radius under elevated shadow.

Semantic Inspector

Calibration Memory + Runtime

Mode: single | Isolation: all

Ingestion: default | Timeline: idle

Snapshot Memory

No snapshots captured yet

Generated Surface Stack

1. Typography

2. Spacing

3. Color

4. Component

5. Context

Active generated surfaces: 0/5

{
  "primary": {
    "typography": {
      "headingScale": 1,
      "bodyScale": 1,
      "lineHeight": 1.5
    },
    "spacing": {
      "density": 1,
      "surfaceGap": 24
    },
    "surface": {
      "radius": 16,
      "borderStrength": 0.25,
      "shadowSoftness": 0.55
    }
  },
  "secondary": {
    "typography": {
      "headingScale": 1.08,
      "bodyScale": 0.96,
      "lineHeight": 1.5
    },
    "spacing": {
      "density": 1.12,
      "surfaceGap": 18
    },
    "surface": {
      "radius": 12,
      "borderStrength": 0.32,
      "shadowSoftness": 0.55
    }
  },
  "locks": {
    "typography": false,
    "spacing": false,
    "surface": false
  },
  "target": "primary",
  "runtimeBase": {
    "type": {
      "headingBase": 2.1,
      "bodyBase": 0.95,
      "lineHeightBase": 1.5
    },
    "spacing": {
      "densityBase": 1,
      "surfaceGapBase": 24
    },
    "surface": {
      "radiusBase": 16,
      "borderStrengthBase": 0.25,
      "shadowSoftnessBase": 0.55
    }
  },
  "generatedSurfaceOrder": [
    "gen-typography",
    "gen-spacing",
    "gen-color",
    "gen-component",
    "gen-context"
  ],
  "snapshots": 0,
  "timeline": 0
}

Snapshots, presets, timeline, and benchmark scores are wired into the same calibration runtime for instantaneous restore and grading.

Ingestion

Import External System

Drop or choose `tailwind.config`, `.css`, component files, `.html`

Token Preview

No import processed yet

Awaiting artifacts

Runtime Registration

Using RNDRLAB default calibration base

No source loaded

Semantic Grouping Preview

No semantic graph yet

Extracted Surface Preview

No components registered yet