LiveDesign Lab

Settings panel + tier scaffold

Preview

Today the theme picker, voice ID, watch keywords, and globe mode live in different corners of the sidebar. As the product grows, that scatter gets worse. A single slide-in Settings panel keeps the main UI calm and makes the paid-tier story visible without scaffolding any auth.

What you’ll see

  • Slide-in panel anchored to the right, fixed width, doesn’t trigger a route change.
  • Grouped sections with clear labels and short descriptions — settings should self-document.
  • Pro lock badges on premium-tier options. Clicking a locked option shows the upsell line, doesn’t break anything.

Open the panel

The panel is a portal-style overlay; in the real app it would attach to a gear button in the header next to the threat-level pill.

Tier model — visual only

Free

Current
$0

The live experience, last 24 hours.

  • Globe + news feed + threat scoring
  • Ops theme
  • 3 globe modes
  • Watch list (up to 10 keywords)
  • Default voice operator
  • News window: last 24 hours only

Pro

$X / mo

The full operator console.

  • Everything in Free, plus:
  • Imperial + Matrix themes
  • All globe modes incl. Flat map & Holographic
  • Unlimited watch keywords + watch history
  • Alternate voices, longer briefings
  • News window: last 7 days

Premium

Top tier
$Y / mo

Archive + API for analysts and teams.

  • Everything in Pro, plus:
  • Full archive — unlimited history
  • Public archive API + webhooks
  • Saved queries + scheduled exports
  • Priority feed refresh
  • Team seats (coming soon)

Three tiers, all visual. Free caps at 24 hours of news; Pro extends to 7 days and unlocks personalization; Premium is the only tier with the full archive and the public API. Prices are placeholders until you set them.

These pages are isolated experiments — nothing here is wired into the shipping dashboard until you adopt it.All experiments →