Ambient Aurora Intelligence

AI Chatbot App UI Template

Lumen is an AI chatbot app UI for founders and designers building an assistant product, wrapped in an aurora-lit dark interface that makes conversation feel like talking to soft light.

Usar este template

AI chatbot app home screen with prompt-starter cards and recent conversations

AI chatbot app chat screen with an itinerary reply and glowing composer

AI chatbot app personas screen with switchable assistant mode cards

Explorar as telas

Prévia do design de app mobile de AI chatbot, totalmente editável no Sleek.

LibraryTela 4

Voice ModeTela 5

SettingsTela 6

Sobre o AI Chatbot App

Lumen is an AI chatbot app UI template built on an "Ambient Aurora Intelligence" look: a near-black charcoal canvas, warm graphite surfaces for raised cards, and a living violet-to-teal aurora gradient reserved for the AI avatar, the send action, and active states. AI replies arrive as borderless tonal blocks with a thin aurora seam down the left edge, while user messages stay compact slate pills, so you always know who spoke at a glance.

The template ships six connected screens that form a complete assistant flow: a Home greeting with prompt-starter cards and recent threads, an active Chat with a long itinerary reply and a glowing composer, a Personas screen of switchable assistant modes, a searchable Library of past chats, a full-screen Voice mode with a breathing aurora orb and live transcript, and a Settings screen with model selector, tone slider, and connected apps. Together they cover the real journey of a conversational AI product, from first prompt to voice reply.

Use it in Sleek and make it your own: restyle the aurora palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma with no plugin, or hand a prompt to an AI agent to build it for real, all far faster than starting from a blank canvas.

Telas inclusas

Home

A personalised greeting ("Good evening, Theo") above prompt-starter cards for Write, Plan, Brainstorm, and Summarize, with a Recent list showing last-message previews. The entry point that launches any conversation.

Chat

An active thread titled "Trip to Lisbon" with the aurora AI avatar, a long itinerary reply set as a borderless tonal block, a right-aligned user pill, and a glowing composer with attach, voice, and gradient send. The core conversation surface.

Personas

Switchable assistant modes like Socratic Tutor, Coding Copilot, and Empathic Listener, each a tonal card with its own aurora tint, personality tags, and an active badge. Lets users shape the assistant for the task at hand.

Library

A searchable list of past chats grouped by Today, This Week, and Earlier, with pinned threads surfaced as cards up top. Makes it easy to return to any earlier conversation.

Voice Mode

A full-screen breathing aurora orb that pulses while the model speaks, a live transcript scrolling beneath, and speaker, end-call, and mute controls. Turns the assistant into a hands-free conversation.

Settings

A model selector for Lumen Pro and Lumen Fast, a response-tone slider, a memory toggle, and a connected-apps section for tools like Google Calendar and Slack. Where users tune how the assistant behaves.

Principais recursos

Ambient Aurora aesthetic: charcoal canvas with a violet-to-teal accent
Borderless AI replies marked by a thin aurora seam
Floating composer capsule with a glowing gradient send
Bottom segmented nav lit by the aurora gradient
'Thinking aurora' orb for the generating state
Prompt-starter cards for Write, Plan, Brainstorm, Summarize
Switchable persona cards with distinct aurora tints
Full-screen voice mode with a breathing orb and live transcript

Para quem é

Founders validating an AI chatbot or assistant MVP

Product designers needing a conversational AI starting point

Indie developers shipping an LLM-powered app

AI startups prototyping a chat and voice experience

O que você pode criar

Launch an MVP for an AI assistant product
Mock up chat and voice screens for an investor pitch
Hand a consistent conversational UI off to developers
Explore a redesign of an existing chatbot app

Como usar este template

1
Abrir o template
Navegue pelas telas e veja a prévia do design completo para checar se combina com a sua ideia.
2
Usar este template
Abra sua própria cópia totalmente editável no Sleek com um clique.
3
Editar com IA
Mude a paleta, altere layouts e adicione ou remova telas só descrevendo o que você quer.
4
Exporte e lance
Exporte seu design ou entregue aos desenvolvedores, e continue construindo rumo ao lançamento.

Suas dúvidas, respondidas. Tudo o que você precisa saber antes de começar.

How do I build an AI chatbot app from this template?

Click "Use this template" to open it in Sleek as your own editable project, then shape it by describing the changes you want: restyle the aurora palette, edit any screen, and add the flows your product needs. You start from six complete screens instead of a blank canvas, so you reach a working AI chatbot app UI far faster.

What screens are included in this AI chatbot app UI template?

Six connected screens: Home, Chat, Personas, Library, Voice Mode, and Settings. Together they cover the core flow of a conversational AI product, from launching a prompt to switching assistant modes and talking hands-free.

Can I customize the chat interface and aurora styling?

Yes. Use the template in Sleek and edit any screen by chatting with the AI: change the gradient accent, adjust the message layout, restyle the composer, or add and remove flows. There's no manual redraw; you describe the change and it's applied.

Does the template include a voice mode and persona switching?

It does. The Voice Mode screen features a full-screen breathing aurora orb with a live transcript and mute control, and the Personas screen lets users switch between assistant modes like Tutor, Coding Copilot, and Empathic Listener, each with its own aurora tint.

Can I export the design to code or Figma?

Yes. Sleek exports your design as code, copies straight into Figma with no plugin, or hands you a ready-made prompt that an AI agent like Claude Code or Cursor can use to build it into a real, working app.

Is this template suitable for an LLM-powered assistant product?

Absolutely. The chat thread, persona modes, model selector, and connected-apps settings map cleanly onto a real LLM assistant. Adjust the prompt starters, models, and integrations to fit your product.

Outra dúvida? Escreva para support@sleek.design.