Productivity · 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.



معاينة
استكشف الشاشات
عاين تصميم تطبيق الجوال AI chatbot، القابل للتعديل بالكامل في Sleek.
حول 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.
ما في الداخل
الشاشات المضمّنة
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.
التصميم والميزات
الميزات الرئيسية
- 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
الجمهور
لمن يناسب
حالات الاستخدام
ما يمكنك بناءه
- 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
كيفية استخدام هذا القالب
- 1
افتح القالب
تصفح الشاشات وعاين التصميم الكامل لترى إن كان يناسب فكرتك.
- 2
استخدم هذا القالب
افتح نسختك القابلة للتعديل بالكامل في Sleek بنقرة واحدة.
- 3
عدّل بالذكاء الاصطناعي
أعد تنسيق لوحة الألوان، وغيّر التخطيطات، وأضف أو أزل شاشات بمجرد وصف ما تريد.
- 4
صدّر وانطلق
صدّر تصميمك أو سلّمه للمطوّرين، وواصل البناء نحو الإطلاق.
الأسئلة الشائعة
قوالب تطبيقات جوال ذات صلة
ابدأ بتصميم تطبيق AI chatbot
استخدمه في Sleek واجعله خاصاً بك: أعد تنسيق لوحة الألوان، وعدّل أي شاشة بالذكاء الاصطناعي، وصدّر إلى كود أو Figma.
استخدم هذا القالب







