Judge the finished output.

Open eight materially different, repository-owned examples. They are design demonstrations—not customers, deployed work, or measured production results.

Browse all demos Inspect the system

Start with a finished example · SaaS & analytics

SignalDesk

Editorial revenue-intelligence workspace built around weekly operating decisions.

Open featured demo

Complete live library

Eight routes. Eight visual systems.

Browse all eight outputs or compare their light and dark systems. Category stays visible as context; every card opens a complete static route and discloses its design direction.

Compare by color mode

Showing 8 of 8 demos · light and dark modes

01 · SaaS & analytics
light
SignalDesk
Editorial revenue-intelligence workspace built around weekly operating decisions.
View Demo
Show prompt and direction
Source prompt
Create a complete SaaS analytics experience that makes account risk and next actions understandable without generic AI gradients, fake adoption metrics, or a repeated card dashboard.
Visual direction
Editorial operations product with asymmetric data storytelling and restrained geometry.
Category
SaaS & analytics
Mode
light
Typography
Large compact grotesk display paired with quiet utility text and monospaced labels.
Palette
Warm paper, deep evergreen, acidic lime, and a restrained orange signal.
Macrostructure
Asymmetric split hero, metric specimen, linear operating sequence, and broad evidence sections.
Constraints
— No fabricated customers or performance claims
— No runtime data connection
— Keep the operating question primary
Truthful limitations
— All values are synthetic demonstration content
— No CRM or account system is connected
02 · Luxury commerce
light
Maison Auré
Quiet-luxury leather commerce direction with product storytelling and purchase hierarchy.
View Demo
Show prompt and direction
Source prompt
Design a complete luxury e-commerce page for fictional leather objects with product variants, craft story, delivery context, and no fake reviews, certifications, scarcity, or customer proof.
Visual direction
Quiet European luxury with editorial restraint, tactile blocks, and deliberate empty space.
Category
Luxury commerce
Mode
light
Typography
High-contrast serif display with small uppercase utility navigation.
Palette
Ivory, saddle leather, clay taupe, and near-black brown.
Macrostructure
Oversized product editorial, narrow purchase rail, collection triptych, and craft narrative.
Constraints
— No fake ratings or stock urgency
— No supplier or certification claims
— No live checkout
Truthful limitations
— Products and fulfillment details are fictional
— No inventory or payment processing exists
03 · Food & restaurant
light
SAJI! Street Kitchen
Kinetic restaurant site with menu, brand story, visit context, and ordering direction.
View Demo
Show prompt and direction
Source prompt
Create a complete energetic Indonesian street-food website with menu, story, hours, location, and reservation or ordering direction while avoiding fake popularity and sourcing claims.
Visual direction
Bold street-kitchen energy using hand-cut geometry, loud type, and appetite-led contrast.
Category
Food & restaurant
Mode
light
Typography
Heavy compressed display with simple bold utility copy.
Palette
Chili orange, warm cream, turmeric yellow, and deep herb green.
Macrostructure
Oversized typographic hero, tilted story panels, menu ledger, and location tiles.
Constraints
— No fake reviews or popularity claims
— No live ordering or reservation
— Menu data must read as demonstration content
Truthful limitations
— Location, hours, menu, and prices are fictional
— No restaurant operation is represented
04 · Healthcare & clinic
light
NADI Clinic
Calm primary-care service site with clear visit reasons and appointment guidance.
View Demo
Show prompt and direction
Source prompt
Design a complete accessible clinic website that helps users understand services and appointment paths without diagnosis, fabricated outcomes, named credentials, or medical marketing claims.
Visual direction
Calm clinical service design with soft containment, strong readability, and reassuring pacing.
Category
Healthcare & clinic
Mode
light
Typography
Humanist sans with moderate scale, generous line height, and quiet labels.
Palette
Mineral green, mist, white, and softened eucalyptus.
Macrostructure
Question-led hero, service pathways, practitioner-role explanation, and appointment sequence.
Constraints
— No diagnosis or medical advice
— No fabricated practitioner credentials
— Minimum accessible hierarchy and focus treatment
Truthful limitations
— No clinician, clinic, or appointment system is real
— Service suitability requires professional assessment
05 · Education platform
light
Orbit Learn
Project-led education product organized around visible learning outcomes.
View Demo
Show prompt and direction
Source prompt
Create a complete education platform page with program discovery, learning journey, project method, and enrollment direction without fake learner counts, testimonials, certificates, or outcomes.
Visual direction
Playful modular education system with colored learning blocks and outcome-first language.
Category
Education platform
Mode
light
Typography
Rounded bold sans for titles with plain readable body copy.
Palette
Soft yellow ground, indigo, coral, leaf green, and white.
Macrostructure
Mosaic hero, program cards, four-stage learning method, and studio explanation.
Constraints
— No fabricated enrollment or completion data
— No fake testimonials
— No live learning platform
Truthful limitations
— Programs and community interactions are fictional
— No enrollment, assessment, or certification is connected
06 · Creative studio
dark
Odd Hours Studio
Experimental creative-studio portfolio with project-led editorial rhythm.
View Demo
Show prompt and direction
Source prompt
Design a complete experimental creative studio portfolio with selected work, point of view, capabilities, and contact path; avoid fake clients, awards, press, and generic agency cards.
Visual direction
Brutalist cultural studio with high contrast, awkward scale, and purposeful fluorescent interruption.
Category
Creative studio
Mode
dark
Typography
Extra-black display typography with tiny tracked navigation and sparse body copy.
Palette
Black, white, fluorescent chartreuse, signal red, and electric violet.
Macrostructure
Typographic manifesto hero, horizontal project index, stance essay, capability pills, and oversized contact close.
Constraints
— No invented clients or awards
— No testimonial or performance proof
— Preserve keyboard-readable contrast
Truthful limitations
— All projects are fictional concepts
— The contact address is deliberately non-deliverable
07 · Fintech operations
dark
Ledger North
Dense financial-operations workspace centered on today’s decision queue.
View Demo
Show prompt and direction
Source prompt
Create a complete dark fintech operations dashboard using clearly synthetic data, with navigation, operating question, chart, controls, table, and responsive overflow handling; provide no financial advice.
Visual direction
High-density operational interface with sober hierarchy and luminous decision signals.
Category
Fintech operations
Mode
dark
Typography
Compact sans for data, restrained display headings, and tabular numeric emphasis.
Palette
Near-black teal, muted green panels, pale mint text, and acid-lime action state.
Macrostructure
Persistent side navigation, operating-question header, KPI strip, chart/control split, and wide decision table.
Constraints
— Synthetic data must be labeled
— No bank or payment connection
— Wide tables require intentional overflow
Truthful limitations
— All financial values are fictional
— No financial advice, transaction, or approval is performed
08 · Local service
light
RAPI Home
Friendly local-service booking direction for household help and small repairs.
View Demo
Show prompt and direction
Source prompt
Create a complete local home-service website with service selection, location context, visit windows, trust boundaries, and booking direction without fake providers, reviews, guarantees, or live processing.
Visual direction
Friendly practical local-service brand using rounded geometry and direct task language.
Category
Local service
Mode
light
Typography
Heavy approachable sans display with clean utility copy.
Palette
Sky blue, white, sunflower yellow, calm green, and navy.
Macrostructure
Rounded split hero, service chooser, four-step booking flow, coverage context, and request panel.
Constraints
— No fake social proof or provider verification
— No live booking or payment
— Usable mobile service selection
Truthful limitations
— Coverage, prices, windows, and provider details are fictional
— No service guarantee or transaction exists

How it works

Direction stays attached to the result.

01
Start with context
Define the product, audience, primary journey, content boundary, and what must not be claimed.
02
Choose a visual system
Set typography, palette, macrostructure, density, geometry, and interaction voice for the specific genre.
03
Inspect the complete route
Review the finished page together with its prompt, decisions, constraints, and truthful limitations.

Secondary documentation

Workflows and technical proof live separately.

AI Designer System preserves the workflow model, technical proof cases, anti-slop evidence, skill trace, and implementation boundaries without interrupting the public gallery.

Technical proofs Workflow system

Inspect the source

The design behavior is inspectable.

Repository-owned examples
Static, fetch-free demo routes
Prompt and direction disclosure
Separate workflow documentation

Open canonical design skills

Judge the finished output.

SignalDesk

Eight routes. Eight visual systems.

SignalDesk

Maison Auré

SAJI! Street Kitchen

NADI Clinic

Orbit Learn

Odd Hours Studio

Ledger North

RAPI Home

Direction stays attached to the result.

Start with context

Choose a visual system

Inspect the complete route

Workflows and technical proof live separately.

The design behavior is inspectable.