Customer Agent — four frozen demo stages

The external-customer-facing variant of the agent, light theme on paper. Four stages of the live DemoAgent rendered as static thumbnails - empty idle, answer, search, procedures - so designers can see the surface at every moment without waiting on the typing animation. Lorem ipsum copy throughout; this is a design reference, not a marketing surface.

Stage 1 · Empty (idle)
Customer agent
Lorem ipsum dolor sit…
Stage 2 · Answer
Customer agent

Lorem ipsum dolor sit amet?

AnswerSearchProcedures

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsumDolor sit amet
Lorem ipsum dolor sit…
Stage 3 · Search
Customer agent

Lorem ipsum dolor sit amet?

AnswerSearchProcedures

Related articles

  • Lorem ipsum dolor sit
  • Consectetur adipiscing elit
Lorem ipsum dolor sit…
Stage 4 · Procedures
Customer agent

Lorem ipsum dolor sit amet?

AnswerSearchProcedures

3 procedures

  • Lorem ipsum dolor Sed do eiusmod tempor
  • Consectetur adipiscing Ut labore et dolore
Lorem ipsum dolor sit…

Team Assistant — internal-facing, dark theme

The internal-team-facing variant. Same agent surface, dark theme on navy. Four stages of the helpdesk workflow - empty inbox, reply, customer context, audit trail - rendered as static thumbnails. The Team Assistant runs INSIDE the team's existing helpdesk; the empty state shows its idle look before a ticket arrives.

Stage 1 · Empty (idle)
Team Assistant
Lorem ipsum dolor sit…
Stage 2 · Answer
Team Assistant

Lorem ipsum dolor sit amet?

ReplyContextAudit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Send replyAdd context
Lorem ipsum dolor sit…
Stage 3 · Context
Team Assistant

Lorem ipsum dolor sit amet?

ReplyContextAudit

Recent activity

  • Lorem ipsum · 2 days
  • Consectetur · 5 days
Lorem ipsum dolor sit…
Stage 4 · Audit
Team Assistant

Lorem ipsum dolor sit amet?

ReplyContextAudit

Decision trail

  • Lorem ipsum dolor Sed do eiusmod
  • Consectetur adipiscing Ut labore et dolore
Lorem ipsum dolor sit…

Help Center — the agent's self-service surface

Same agent, no chat. Articles + glossary + tile grid generated from Living Knowledge and surfaced as a customer-facing site. Auto-maintains as the knowledge changes; documentation ops drop to near-zero. The page below is the live <HelpCenterPreview> component.

help.your-company.com