Starter

Neutral base design

# Design System Preview

A structural scaffold for AI-authored Revela themes. Preserve the system; replace the visual identity.

01

Visual schema first

## Preserve composition before changing style

- Reference type. Identify whether the source is vector, photo, UI, page, or motif.
- Scale and anchor. Keep a bottom strip low, a corner motif small, and a hero visual dominant only when requested.
- Implementation path. Use SVG for flat motifs; use image/surface rules for photo and UI references.

CSS scope

### Stable containers, replaceable skins

Derived designs should modify tokens, type, component surfaces, and motif components before rewriting layout CSS.

6

Baseline layouts remain available as neutral structure.

Component coverage

## Reusable modules with neutral skins

Media module

### Image or motif above copy

Use for examples, evidence, screenshots, and vector moments.

Text module

### Copy-led primitive

Neutral spacing and type hierarchy provide a stable baseline for derived themes.

Metric

16

### Components

Starter includes broad enough coverage for most generated decks, including SVG motifs.

04

Data and process

## Evidence components stay structural

Charts, tables, and journey timelines inherit the active theme while keeping predictable geometry.

Example chart

### Signal distribution

Neutral chart defaults with restrained labels.

Source: demo data

Discover Signal scan Map inputs and identify the base pattern.
Build Theme draft Apply visual schema without changing structure.
Verify Preview pass Check roles, components, and slide geometry.
01 Brief Clarify source style.
02 Tokens Set color and type.
03 Modules Skin components.
04 Validate Inspect preview.
05
Starter

“

> A starter design should be boring enough to replace, but complete enough to trust.

Neutral base principle

Activate derived designs after preview inspection.

06