UIX
Sign in Start free

Presets Aurora Showcase

Aurora Showcase

Dark-first agency system: deep indigo-tinted night surfaces, one periwinkle accent and a soft brand glow reserved for featured work.

Pro Use this preset Use in Figma Get the files

A live preview of a Pro preset. Its files, Figma sync and MCP come with UIX Pro.Unlock

Color

Five ramps, 50 to 950

brand50f1f3ff100e2e7ff200c7d1ff300a3b1ff4007d88fb5005d61f06004a43de7003c33b88002f2a8f900221f6695015133f
neutral50f6f7fb100e9ebf3200d5d9e6300b3b9cc4008a91a9500656c866004b52697003a4054800282d3f9001a1e2d9500d1019
success50e9fbf3100cff5e3200a6e9c930072d6a64003fbf86500229e6c60014855a7000c6b4780008543a900053d2a95004261a
warning50fff9e8100fff0c7200fbd98a300f3c45c400e8b23a500c8921c600a6740f700825a0a8005f42089003f2b059502b1d00
danger50fff1f4100ffe0e7200ffc2d0300ff93ab400ec5f7e500d63a64600c4234f7009e1a408007b14329005a0d249503b0617

Semantic tokens

Light and dark

Light
background#f6f7fb
foreground#0d1019
card#ffffff
card-foreground#0d1019
popover#ffffff
popover-foreground#0d1019
primary#4a43de
primary-foreground#ffffff
secondary#e9ebf3
secondary-foreground#1a1e2d
muted#e9ebf3
muted-foreground#3a4054
accent#e2e7ff
accent-foreground#221f66
destructive#c4234f
destructive-foreground#ffffff
success#0c6b47
success-foreground#ffffff
warning#fbd98a
warning-foreground#3f2b05
border#d5d9e6
input#b3b9cc
ring#5d61f0
Dark
background#0d1019
foreground#f6f7fb
card#1a1e2d
card-foreground#f6f7fb
popover#1a1e2d
popover-foreground#f6f7fb
primary#7d88fb
primary-foreground#15133f
secondary#282d3f
secondary-foreground#e9ebf3
muted#282d3f
muted-foreground#b3b9cc
accent#221f66
accent-foreground#e2e7ff
destructive#ec5f7e
destructive-foreground#3b0617
success#3fbf86
success-foreground#04261a
warning#e8b23a
warning-foreground#2b1d00
border#282d3f
input#3a4054
ring#7d88fb

Typography

Geist, Geist and Geist Mono

Grow what matters

display-lg · 64/1.02 · 600 · -0.035em
Geist

Grow what matters

display-md · 48/1.06 · 600 · -0.028em
Geist

A calmer way to work

heading-lg · 32/1.15 · 600 · -0.02em
Geist

A calmer way to work

heading-md · 20/1.3 · 600 · -0.01em
Geist

A calmer way to work

heading-sm · 16/1.4 · 600 · -0.004em
Geist

Good systems disappear. People notice the product, not the parts.

body-lg · 18/1.6 · 400
Geist

Good systems disappear. People notice the product, not the parts.

body-md · 16/1.6 · 400
Geist

Good systems disappear. People notice the product, not the parts.

body-sm · 14/1.5 · 400
Geist

Save changes

label · 14/1.25 · 500 · 0.005em
Geist

Updated 2 minutes ago

caption · 12/1.4 · 500 · 0.01em
Geist

const theme = preset("aurora-showcase")

code · 14/1.5 · 400
Geist Mono

Spacing · radius · shadow

The quiet rules

0.52px
14px
1.56px
28px
312px
416px
520px
624px
832px
1040px
1248px
1664px
2080px
2496px
sm
6px
md
10px
lg
16px
xl
20px
full
full
sm
md
lg

Components

Every part, every state

Buttons

DefaultHoverFocusDisabledPrimarySecondaryOutlineGhostDestructive

Inputs

Placeholder
Focused
Use at least 8 characters
Team
Design
Opens a menu
Disabled

Navigation

ProductPricingCustomersDocs

12 projects, 3 due this week.

Home / Projects / Q3 launch

Feedback

New version availableReload to get the latest features.
Payment received2,400 from Md Rakib Shekh.
Card expires soonUpdate it before Friday.
Sync failedWe will try again in 30 seconds.
NJ
Nusrat JahanCommented on Q3 launch
Invoice sent to Israt Jahan
Undo
PrimarySecondaryOutlineActivePendingFailedNew
Copied to clipboard72%
MRNJIJMRNJIJ+5

Cards, table and overlays

Monthly revenue12.4%

48,210

74% of the 65k goal
The marketing agency report

What changed this quarter, and what to do next.

MRMd Rakib Shekh4 min read
IJ
Israt Jahan

Product designer

CustomerDateStatusAmount
MRMd Rakib ShekhMar 12Paid2,400.00
NJNusrat JahanMar 11Pending860.00
IJIsrat JahanMar 09Failed1,120.00
Showing 1–3 of 36
Q3 launch24 files, edited today
Delete project?

“Q3 launch” and its 24 files will be removed for everyone. You can’t undo this.

No messages yet

When customers write to you, their messages show up here.

Screens

Aurora Showcase as a real product

Landing page

aurora-showcase.com
ProductPricingCustomersDocs
New · marketing agency

Aurora Showcase

Dark-first agency system: deep indigo-tinted night surfaces, one periwinkle accent and a soft brand glow reserved for featured work.

MRNJIJLoved by 2,000+ teams
This week

+24.6%

Dashboard

Good morning, Rakib

Overview

Revenue

48,210

+12.4%
Customers

2,318

+4.1%
Churn

1.8%

-0.3%
Revenue
CustomerDateStatusAmount
MRMd Rakib ShekhMar 12Paid2,400.00
NJNusrat JahanMar 11Pending860.00
IJIsrat JahanMar 09Failed1,120.00

Phone app

9:41●●● 100%

Welcome back

Md Rakib Shekh
MR
Balance

12,480

MR
Md Rakib ShekhPaid
2,400
NJ
Nusrat JahanPending
860
IJ
Israt JahanFailed
1,120
9:41●●● 100%

Q3 launch

1 of 3 doneOn track for Friday.

Pricing

Starter

0 a month

For trying things out

  • 1 project
  • Basic reports
  • Email support
ProPopular

24 a month

For growing teams

  • Unlimited projects
  • Team workspaces
  • Priority support
  • Advanced reports
Business

79 a month

For larger organisations

  • Everything in Pro
  • SSO and audit log
  • A dedicated manager
Can I change plans later?

Yes. Move up or down any time, and we work out the difference for you.

Is there a free trial?

Starter is free for as long as you like. Pro is free for the first 14 days.

Do teams get a discount?

Teams of 20 or more get 20% off. Write to us and we will set it up.

Sign in

Welcome back

Sign in to continue to your workspace.

or

“We set up our whole workspace in an afternoon.”

NJNusrat Jahan
Head of operations

Settings

Settings

MRMd Rakib Shekhrakib@studio.co
Email notificationsA summary every Monday.
Two-factor sign-inProtect your account with a code.
LanguageUsed across the app.
Delete accountThis removes all your data.

Palette and type

Light

  • Primary#4a43de
  • Accent#e2e7ff
  • Background#f6f7fb
  • Foreground#0d1019
  • Muted#e9ebf3

Dark

  • Primary#7d88fb
  • Accent#221f66
  • Background#0d1019
  • Foreground#f6f7fb
  • Muted#282d3f
  • DisplayGeist
  • BodyGeist
  • MonoGeist Mono

Dark-first agency system: deep indigo-tinted night surfaces, one periwinkle accent and a soft brand glow reserved for featured work.

Aurora Showcase is one of the Pro presets in UIX. Its tokens, theme files and DESIGN.md come with UIX Pro: in Figma, in code, and through the UIX MCP for AI coding agents.

Access
UIX Pro
Industries
marketing agency, creative production, media
Mood
nocturnal, cinematic, luminous
Display font
Geist
Body font
Geist
Mono font
Geist Mono
Density
Comfortable
Contrast
Standard
Corner radius
10px

Use Aurora Showcase

On the web

Open it in Studio, change anything, then use it in your app with one CSS link, the CLI or your AI tool.

Use this preset

In Figma

Open UIX, go to Presets and search “Aurora Showcase”. Press Use this preset, then Sync to Figma.

Install UIX

In code

A Tailwind v4 and shadcn/ui theme, W3C tokens, Figma variables and a DESIGN.md. Included with UIX Pro.

Unlock with UIX Pro

Send to your AI agent

Connect the UIX MCP once, then ask Claude Code, Cursor or any MCP client: “Use the Aurora Showcase preset”.

Get your MCP link

Similar presets

All 251 presets →