Ambient backgrounds, loading and empty states, and feedback. Colour appears only where it carries meaning (the mark, the radar, atmospheric flares). Everything functional stays monochrome and quiet. Each specimen loops, and all of it respects reduced motion.
BackgroundsAmbient, behind heroes and large surfaces
Slow, low-contrast atmosphere. Spectral options are for impact surfaces (hero, header, the Discuss canvas). The monochrome option is safe behind any dense screen where spectral would compete with data.
Spectral
Prism driftTwo flares breathing and drifting. Hero and header atmosphere.
Spectral
Living surfaceWandering blurred blobs. The Discuss generative canvas.
Spectral
Aurora washSoft horizontal bands. Section breaks and marketing.
Monochrome
Quiet gridDrifting dot grid with a faint sheen. Safe behind app screens.
LoadingIndeterminate and content-shaped
Reach for the smallest one that fits: dots for a short wait inline, the bar for a page action, skeletons when you know the shape of what is coming, the mark for a full screen, and the radar specifically while a result is computed.
Signature
Brand markThe mark resolving, over a soft prism glow. Full-screen and first load.
Monochrome
Working…
Indeterminate barFor an action with no known duration. Top of a view or a card.
Monochrome
Skeleton shimmerHold the layout while lists, cards and tables load.
Signature
Radar draw-inFor the moment a capability result is being computed.
Monochrome
Processing dotsInline, short waits. The Discuss reply forming.
Empty statesAn invitation to act, not a dead end
Each says what is missing, why it matters, and the one action that fills it. The icon floats gently over a slow glow so the screen feels alive rather than broken.
Signature
No assessments yet
Measure your team across the six. About five minutes.
First assessmentThe capability radar as a dashed, waiting outline.
No courses yet
Build your first from a topic, a template, or a blank page.
Empty catalogueFloating icon, breathing glow, single clear action.
Just you so far
Invite your team so their capability shows up here.
No team yetSame pattern, different verb. Consistency teaches the product.
No matches
Nothing matched that search. Try a broader term.
No resultsA quiet scan line. States the problem, suggests the fix.
FeedbackConfirming an outcome
A completed assessment earns the full spectral burst, because finishing the six is the brand's whole point. Routine confirmations get the quiet monochrome check.
Built on the AcademyAI tokens. Spectral hues brighten in dark mode for contrast. Toggle reduce motion to preview the static, accessible fallback. Anything tagged Signature carries colour by design; everything tagged Monochrome stays neutral.