Starter

Neutral base design

Design System Preview

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

01

Table of
Contents

Starter preview demonstrates the core structure available to derived themes.

  1. 01Foundation and visual schema
  2. 02Layouts and content modules
  3. 03Data flow and evidence
  4. 04Motifs and closing states
02

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

DiscoverSignal scanMap inputs and identify the base pattern.
BuildTheme draftApply visual schema without changing structure.
VerifyPreview passCheck roles, components, and slide geometry.
01BriefClarify source style.
02TokensSet color and type.
03ModulesSkin components.
04ValidateInspect 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