← Back to UI screens
AI workspace screen — mobile, minimal style
Theme

AI workspace screen — mobile, minimal style

AI generation workspace screen for a mobile app, designed for Lumen Desk, a fictional ai product. Shows a prompt and sources input panel with generation options, a generated market brief with inline citations, KPI cards and a table, a citations inspector and next-step actions (refine, export, share). Minimal style: cool neutrals, Inter, 8px corners and soft shadows. Comes with the full HTML and a DESIGN.md with light and dark colour tokens.

Open live HTML ↗ Download DESIGN.md
Pattern
AI workspace
Device
Mobile
Style
Minimal
Product (fictional)
Lumen Desk
Category
AI

Spec

Colours (light)
background #f6f9fe · surface #e8eff9 · text #1b232c · muted #5a6471 · primary #046acd · accent #7e73d4
Colours (dark)
background #0b1016 · surface #151c24 · text #f0f3f7 · muted #a9b2be · primary #74b1ff · accent #a79fff
Fonts
Inter (headings and body), JetBrains Mono (code) · Google Fonts, under their own licences
Light and dark
Both included; follows the system setting
ai-workspacemobileaisidebar-navaiprompt-inputsourcestogglesegmented-controlcitationsinspectorkpitablenext-stepscomposer
AI

Build this with your AI

Fonts: Inter (Google Fonts)

Writing about this screen?

More ai workspace screens

AI generation workspace — web, minimal (Lumen Desk)
web · minimal
AI generation workspace — mobile, editorial (Lumen Desk)
mobile · editorial
AI generation workspace — mobile, brutalist (Lumen Desk)
mobile · brutalist
AI generation workspace — mobile, luxury (Lumen Desk)
mobile · luxury
AI generation workspace — mobile, playful (Lumen Desk)
mobile · playful
AI generation workspace — mobile, corporate (Lumen Desk)
mobile · corporate
AI generation workspace — mobile, retro (Lumen Desk)
mobile · retro
AI generation workspace — mobile, monochrome (Lumen Desk)
mobile · monochrome
Building with an AI coding agent? Every screen here is also in the free Made Good Designs MCP server: ask Claude, Cursor or ChatGPT to search_ui_screens (e.g. “billing settings, editorial style”), get_ui_flow for a whole journey, and get_ui_screen_code to pull the HTML and DESIGN.md straight into your project.

Save to board