{[[60, 90, '#7a4ac4'], [180, 110, '#a04030'], [300, 90, '#7a4ac4'], [340, 110, '#c05a40']].map((s, i) => (

{['DO','HM','AP','PA'][i]}

))}

DRAW-2031

); } if (id === 'atelier') { return (

DOC G702 · APP 07

Riverline Plaza

$142,000

Diego Ortega

UNDER REVIEW

); } if (id === 'controlroom') { return (

// PORTFOLIO · EXPOSURE

$62.6M

12 ACTIVE · ▲ MTD

{[true, true, false, true, false, true, true, false].map((on, i) => (

))}

); } if (id === 'technical') { return (

SHEET A-07 · 1/4

); } if (id === 'editorial') { return (

VOL. IV · ISSUE 07

Eight applications.
One needs your eyes.

P ortfolio exposure stands at $62.6M across twelve active loans; this period released $127,800.

); } if (id === 'pastoral') { return (

Friday afternoon

Good afternoon, Marcus.
Five things are waiting for you.

A small approval

DRAW-2055 · Northgate Medical

); } return null; } // Tiny dotted preview for the bottom of cards — shows the 12 components abstractly function ComponentsRow({ accent }) { return (

{Array.from({ length: 12 }).map((_, i) => (

))}

); } // === THE /templates DISCOVERY PAGE === function TemplatesDiscovery() { return (

{/* Nav — ustack.ai style */}

·stack.ai

{['Examples','How it works','Architecture','Templates','Pricing','Trust'].map((n, i) => ( {n} ))}

{/* Breadcrumb */}

ustack / templates

{/* Hero */}

// app templates · v1 · six to choose from

Pick how your application looks and feels — and we build every screen in it.

A template is the visual operating system your application wears. One template paints all 12 canonical components every uStack app ships with — the shell, the actor switcher, the home, the lists and details, forms, workflows, the audit feed, the generated documents, the settings, the empty states.

Pick one in the questionnaire; the entire build inherits it. Switch later in two clicks — no rebuild. Your app stays yours; the look is a setting.

{[ ['06', 'complete design systems'], ['12', 'components painted per template'], ['72', 'production surfaces · all live'], ['2', 'clicks to switch · no rebuild'], ].map(([n, l]) => (

{n} {l}

))}

{/* How they work · 3 columns */}

// how templates work

{[ ['01', 'You pick once.', 'In the 7-stage intake (UI stage), you select one template. We render every screen in your build through it.'], ['02', '12 components painted.', 'The shell, sign-in, actor switcher, home, lists, details, forms, workflows, audit, outputs, settings, empty states — all generated in the template.'], ['03', 'Switch anytime.', 'Templates are a setting, not a fork. Try Floorplan for a week, swap to Editorial — your code, schema, and data are untouched.'], ].map(([n, h, b], i) => (

// {n}

{h}

{b}

))}

{/* THE 6 — grid */}

// the six

Each one is a complete design system.

sorted · default all 6

{TEMPLATES.map((t, i) => (

{i + 1 < 10 ? `0${i+1}` : i+1} · {t.name}

{t.id}

{t.tagline}

{t.bestFor}

default for: {t.demos}

12 components painted see details →

))}

{/* Can't decide */}

// can't decide?

Skip the choice — we'll suggest one based on your spec.

In the 7-stage intake, leave UI on auto. Our build agent reads your problem statement and picks a default template — typically the one already powering the most-similar example app. You can still switch later.

Upload your brief → See template × demo map ↗

{/* Footer */}

); } window.TemplatesDiscovery = TemplatesDiscovery; window.TEMPLATES_LIST = TEMPLATES; window.TemplateThumb = TemplateThumb;