Nebula — Mission Control (dark glass aurora task table)
Luminous dark-mode glassmorphism task command center (Nebula — Mission Control): a fixed teal+magenta aurora field behind frosted-glass cards, a sticky backdrop-blurred nav, an aqua->magenta gradient hero, a 4-up glass stat strip, and a glass table panel with a faceted filter toolbar, icon+label status/priority columns, gradient avatars and a pagination footer.
Summary
A dark, frosted-glass task command center ("Nebula — Mission Control") on a near-black ink canvas lit by an aurora field (teal + magenta blurred blobs) behind a faint grid. Flow: a sticky backdrop-blurred glass nav, a centered hero with gradient headline + dual CTAs, a 4-up glass stat strip, then one large rounded glass table panel holding a faceted filter toolbar, a status/priority/owner data table (with an avatar column), and a pagination footer; below it a slim footer. The aesthetic is luminous dark-mode glassmorphism: translucent panels over an aurora glow, an aqua->magenta gradient accent, Space Grotesk display + Inter body.
Style
Luminous dark-mode glassmorphism. A near-black ink canvas (#0b0f14) lit by a fixed aurora field (a teal blob top-left + a magenta blob bottom-right, heavily blurred) over a faint masked grid; every surface is a frosted-glass card (translucent dark fill + backdrop-blur + a 1px white-at-low-opacity hairline border). The single accent is an aqua->magenta gradient (used on the logo, the gradient headline span, primary buttons and avatars). Space Grotesk for display/numerals, Inter for body, on cool slate text.
Layout & Structure
Single-column, max-width 7xl (1280px) centered, everything on a z-10 layer above the fixed aurora+grid z-0 background. Vertical flow: sticky glass nav (h-16) -> centered hero (badge + gradient headline + subhead + dual CTAs) -> a 4-up glass stat strip -> one large rounded-3xl glass table panel that stacks a filter toolbar / a status-priority-owner data table (sm+) or stacked cards (mobile) / a pagination footer -> a slim glass-bordered page footer. The table scrolls horizontally (min-w 640px) on small screens and collapses to stacked cards below the sm breakpoint.
Sticky glass nav
Hero
Stat strip
Table panel + filter toolbar
Data table (sm+)
Mobile stacked cards (below sm)
Pagination footer
Page footer
Special Notes
This is a luminous DARK glassmorphism surface, not a flat dark theme: the mood comes from the fixed aurora field (a teal blob top-left + a magenta blob bottom-right, blurred 110px) glowing through translucent glass cards over a faint masked grid. Keep ALL content on a z-10 layer above the z-0 aurora+grid. The ONLY saturated colors are aqua #2dd4bf and magenta #e879f9, used as a 135deg gradient on the logo/buttons/avatars and a clipped 100deg gradient on the headline span; everything else is cool slate text on ink #0b0f14. Every glass surface = translucent dark fill + backdrop-blur(20-22px) saturate(140-160%) + a 1px rgba(255,255,255,.06-.07) hairline border. Status legibility: never rely on color alone, every status/priority carries a Phosphor icon AND a text label. Use Space Grotesk for the wordmark/headline/stat numerals and Inter for body. The table panel gets a soft layered teal+magenta drop shadow; primary CTAs get the glow-aqua shadow. Mobile reflow: nav center links and the Search chip hide, and below sm the data table is replaced by stacked card rows (preserving id/type/status/priority/owner) while sm-md keeps the table horizontally scrollable at min-w 640px.