Components — Lattice

Component reference

Every layout, one click from a live preview.

69 components. Search by name, tag, or what it does — or regroup the set by family, function, or A–Z. Open any one for a preview you can flip into an editor, in the palette you choose up top.

Group by

Titles & breaks

3

Statements

3

Numbers & KPIs

2

Lists & inventories

10

Cards

2

Compare

7

Timelines & roadmaps

2

Charts & diagrams

19

bar

EvidenceCanvasSeries

Bars from a zero baseline that compare magnitude across categories — as columns, rows, side-by-side groups, or signed off a centered zero.

metricrankingcontrastboard-deck

bullet

EvidenceCanvasSeries

Actual against target inside a qualitative band — one dense row per KPI.

metricokrscorecardassessment

diagram

EvidenceCanvasGraph

Mermaid diagram as the slide's centerpiece.

flowchartorg-chartsequenceprocess

funnel

EvidenceCanvasSeries

Tapering stages that show where a flow drops off, with the conversion rate between each.

percentagesequencepitch

gantt

ProgressionTimelineSeries

Gantt chart — task bars across a date axis.

swimlaneplanningmilestonesagile

journey

ProgressionTimelineStructure

Native user-journey chart — sections of tasks, each tagged with actor(s) and a 1-5 mood. Renders as section bars, task chips, plumb lines, and mood faces.

processassessmentwalkthrough

kanban

ProgressionTimelineSeries

Kanban board — columns of cards by stage.

swimlaneworkflowstatusagileownership

line

EvidenceCanvasSeries

A measure plotted across an ordered axis, so the movement is the read — one line or several, optionally filled, stacked, or stepped.

metricboard-decktakeawaystrategy

map

EvidenceSpatialSeries

A world-countries (or US-states) basemap that fills regions by value (choropleth) or category (highlight) so the audience leaves knowing where.

metricproportionoverviewvisual

piechart

EvidenceCanvasSeries

Pie or donut chart with legend — proportional wedges.

donutproportionpercentage

progress

EvidenceCanvasSeries

Horizontal progress bars — one row per item, percentage filled.

percentagestoplightstatus

quadrant

EvidenceScatterSeries

Native 2×2 scatter chart — items plotted on two continuous axes.

two-by-twopositioningprioritizerisk

radar

EvidenceScatterSeries

Native radar / spider chart — items rated across multiple axes.

spiderassessmentpositioning

scatter

EvidenceCanvasSeries

An XY plot with real units on both axes — one dot per entity, showing how two measures relate.

metrictradeoffpositioningboard-deck

slope

EvidenceCanvasSeries

Two labeled columns joined by one line per entity, so a change in ranking reads as a crossing.

rankingtransformationcontrastboard-deck

stacked-bar

EvidenceCanvasSeries

Bars split into parts, so one chart carries both the total for each category and the mix inside it.

proportionboard-deckmetricsummary

state-chart

ProgressionTimelineGraph

Native state machine diagram — states as a numbered list, transitions as nested inline-code refs.

flowchartstatesworkflow

waterfall

ProgressionCanvasSeries

A bridge from one total to another through signed contributions, each bar starting where the last one ended.

board-deckmetrictransformation

word-cloud

EvidenceCanvasSeries

Spiral-packed word cloud — items sized by weight.

tag-cloudthemesproportion

Split layouts

2

Code

2

Math

1

Legal

5

Images

1

Other

10

contact

StatementPanelStructure

An identity card that encodes a vCard: name, title and contact lines beside a QR that saves the presenter to a phone.

referenceonboardingkickoff

cycle

ProgressionTimelineStructure

A closed loop of 3-6 stages that returns to its start — for a process with no beginning or end, where the last stage feeds the first.

processworkflowretrospective

inventory

InventoryLedgerStructure

A parallel set of related items of similar weight — one content shape, four interchangeable looks.

overviewsummaryshowcase

matrix-grid

ComparisonMatrixStructure

Two ordered axes as an N×M chart-family grid — each cell marks a position (filled / reachable / not applicable), colored by its row's category from the theme's chart palette.

stoplightassessmentpositioningokr

policy-recommendation

StatementPanelStructure

A legislative recommendation — a stance verdict beside the recommendation, its evidence, and the specific ask to lawmakers.

recommendationregulationrisktakeaway

premise

StatementSplitSeries

A framing claim beside a vertically centered ledger of parallel rows — a number, a term, a description, and a right-aligned note, each row colored by its own categorical hue.

onboardingrankingdefinitionoverview

scene

ImageryCanvasProse

An Anima motion scene as its poster still — an inline, palette-blind SVG that recolors with the theme and bakes crisp into the PDF; the live animation plays in the HTML/present surfaces.

visualshowcasewalkthrough

team-profile

InventoryGridStructure

A roster of named people, each under a portrait, with the role they own.

org-chartonboardingkickoffpitch

video

ImageryCanvasProse

A video as a static, PDF-safe embed: a poster that links to the clip, a play badge, the provider's name, and a scannable QR to the same URL — never a live iframe.

visualshowcasepitch

wifi

StatementPanelStructure

A network join card: readable Wi-Fi credentials beside a QR a phone scans to connect in one tap.

referenceonboardingkickoff