Aura
Overview
Overview
Design System
FoundationsComponentsSecondary Top NavLayouts
Examples
Example 1Showcase 2 · TodayShowcase 3 · StreamShowcase 4 · GridShowcase 5 · CockpitShowcase 6 · CalendarShowcase 7 · Inbox
Settings
Aura 2.0 Design System
v1Livej.konechnyintegration teamJ

Aura 2.0.

The Gecko-style application design system — one token set, one nav model, six layouts.

Foundations.

Color, typography, effects, icons.

Components.

Buttons, badges, cards, forms.

Layouts.

Six shells, live switch + dark mode.

Showcases · client portal + command center

Today.

Showcase 2 · A rich 'Today' page: the client's day as a brief, three figures, and the things that need them.

Stream.

Showcase 3 · One stream of actions, insights, alerts and updates — the Feed Demo, alive.

Grid.

Showcase 4 · The same feed as a magazine grid: a brief tile, photo insights, action tiles, a stack, a triptych.

Cockpit.

Showcase 5 · The client's numbers first: cash, receivables, payables and the GST position, with the actions that hang off them.

Calendar.

Showcase 6 · Obligations first: every filing across every entity — status, owner, what's needed — as a strip of lanes above a finance-grade table.

Inbox.

Showcase 7 · Getting things done in one screen: a queue of approvals, questions, documents and conversations on the left, the selected item's detail and actions on the right.