Preview demo — motion
Motion tests: how the GEN tile builds itself
Ten working tests, in two families. Family A — five ways the tile GEN sits in constructs itself, on page open and again when a visitor taps Speak to GEN or Ask a question. Family B — five signature button transitions, one per button, each playing into its destination view. Every test is replayable, skippable (click the stage, or press Esc), about a second long, and honors reduced-motion settings by landing in its end state. The winners become the standard motion on the GEN Support and Ask GEN pages.
Family A
Five tile builds — same tile, five constructions
Each test below is the same GEN tile. It builds itself when it scrolls into view; Replay build runs it again. When the build lands, try Speak to GEN or Ask a question — the tile opens into its conversation state (the face version of the marble appears when GEN is speaking; the pure orb is GEN as system).
1 · Marble Settle
The marble drops in with a soft settle and a glass ripple; the frame assembles around it; the controls fade up last.
GEN · Platform agent
GEN
Support and answers for every company in the system — from the GEN knowledge base.
GENSupport agent · answers from the knowledge base
Hello — I'm GEN. Ask me anything about GEN Systems, or tell me what's not working and I'll open a ticket with your company, the issue, and a severity attached.
Demo state — the live agent is not connected yet; this shows the motion and layout only.
2 · Swirl Assemble
Silver and burgundy ribbons swirl in from the edges — echoing the marble's own swirls — and braid into the frame as the marble resolves at center.
GEN · Platform agent
GEN
Support and answers for every company in the system — from the GEN knowledge base.
GENSupport agent · answers from the knowledge base
Hello — I'm GEN. Ask me anything about GEN Systems, or tell me what's not working and I'll open a ticket with your company, the issue, and a severity attached.
Demo state — the live agent is not connected yet; this shows the motion and layout only.
3 · Tile Cascade
The surrounding labeled system tiles flip in one by one — the GEN tile grammar made motion — and GEN's tile builds last, center stage.
GEN · Platform agent
GEN
Support and answers for every company in the system — from the GEN knowledge base.
GENSupport agent · answers from the knowledge base
Hello — I'm GEN. Ask me anything about GEN Systems, or tell me what's not working and I'll open a ticket with your company, the issue, and a severity attached.
Demo state — the live agent is not connected yet; this shows the motion and layout only.
4 · Glass Bloom
The panel starts as a tiny glowing marble point and iris-blooms open into the full tile; content reveals as the bloom widens.
GEN · Platform agent
GEN
Support and answers for every company in the system — from the GEN knowledge base.
GENSupport agent · answers from the knowledge base
Hello — I'm GEN. Ask me anything about GEN Systems, or tell me what's not working and I'll open a ticket with your company, the issue, and a severity attached.
Demo state — the live agent is not connected yet; this shows the motion and layout only.
5 · Blueprint Build
A wireframe sketch of the tile ticks in with its labels, floods with brand color — navy into burgundy — and a shine sweep passes across the marble.
GEN · Platform agent
GEN
Support and answers for every company in the system — from the GEN knowledge base.
GENSupport agent · answers from the knowledge base
Hello — I'm GEN. Ask me anything about GEN Systems, or tell me what's not working and I'll open a ticket with your company, the issue, and a severity attached.
Demo state — the live agent is not connected yet; this shows the motion and layout only.
Family B
Signature button transitions — every button, its own door
Push the button in each test: the transition plays into the destination view (shown here as an in-page panel, styled as the destination). Each pairing is fixed — the button always travels the same way, so visitors learn the language once.
Speak to GEN → Glass Bloom
The conversation iris-blooms open from the orb — the same bloom as tile build 4, at door speed.
GEN is one tap away
Support for every company in the system — answers, tickets, and a route to a human.
Conversation — GEN
GENSupport agent · replies from the knowledge base
Hello — I'm GEN. What's not working? Tell me in plain language and I'll either answer it now or open a ticket with the full context attached.
Destination view (demo) — the live agent is not connected yet.
Ask a question → Swirl Assemble
Ribbons sweep through the swap and the Q&A view assembles — knowledge braiding itself together.
Questions about GEN Systems?
GEN answers from the GEN knowledge base — and says so, and routes to a human, when it doesn't know.
Ask GEN — Q&A
Sample answers, labeled as samples — destination view (demo).
CRM / product tile → Tile Cascade
The product view assembles tile by tile — the system's grammar, arriving in order.
Product · Operations
CRM — Coverage Board
Every target owned, every deal with a next action and a review date — the pipeline as a wall of labeled tiles.
CRM — Coverage Board
Destination view (demo) with sample data, labeled as sample.
Knowledge Vault → Blueprint Build
The Vault view ticks in as a wireframe, then floods with brand color — a record being drawn, then made real.
Product · Foundation
The Knowledge Vault
Each company's own knowledge — seeded at onboarding, owned by the company, the only source its agent answers from.
Knowledge Vault — sample company
Folder numbers are the demo scheme — destination view (demo).
Book a call → Marble Settle
The marble settles in and the calendar tile frames up around it — booking as the marble coming to rest on a day.
Talk it through, live
A workflow review with the GEN team — pick a day and the marble lands on it.
Book a call
Times for Wednesday 22: 9:00 · 10:30 · 13:00 · 15:30 CT
Destination view (demo) — no booking is made from this test.
Picking the winners
These ten tests are preview-only demo chrome. Once a winner is picked per family, it becomes the standard open / Speak / Ask motion on the GEN Support and Ask GEN pages — and the test page comes out before production.