Technical Documentation Portal Layout

Enterprise Pro Tiercontent

>npx @shavin/cli add docs-portal-layout

Architecture Guide

Two-Tier Token System

Concentric Radii

CVA Primitive Pattern

Two-Tier Token System

Shavin UI enforces strict separation between raw palette values (foundation scale 0 to 1000) and functional semantic tokens (--bg-surface, --fg, --accent).

Installation via CLI

Add this block directly into your project codebase with all dependencies and tokens resolved:

npx @shavin/cli add docs-portal-layout

Token & Spatial Architecture

100% Token Compliant: Zero raw hex colors or arbitrary values; remaps seamlessly in dark and light modes.
Concentric Radius Law: Nested containers maintain R_inner = max(0, R_outer - P) for geometric harmony.
Multi-Device Responsive: Designed for Desktop (1280px+), Tablet (768px), and Mobile (375px) breakpoints.

Tags:#docs#portal#technical#content