Royalty Masters · Client Portal

Theme Previews

Visual experiments applying different design systems to the client-facing dashboard. Each preview is the live public/client.html with the theme's tokens, typography, and signature treatments applied via in-memory string transforms, plus mock data so every tab renders. None of these are live on production.
Generated 2026-04-25
Source page public/client.html
Live Current
Great Flike
Good Finaura Portal View · Finaura
Bad Dimension · Fusion AI · Ainest
Total tried 6
Click any verdict badge to change it. Choices save automatically in this browser.
Current · Live

Current Theme

public/client.html · as deployed today

The baseline. Navy #0f1623 page with #1f2533 cards, cyan accent (#38c8f4) on interactive elements, and green (#22c55e) for money values. Inter loaded from rsms.me, no atmospheric blobs, flat surfaces, inset-bar accent on the active sidebar item. This is what every client sees right now in production.

Great

Flike

flike.framer.website

Near-black surface with a saturated #0D69F2 blue. Hero artist name uses Flike's signature radial gradient text (white fading to slate). Soft blue-tinted glass hero card. Atmospheric blue blobs anchored top-center and right-side. Subtle 0.03 white-film cards across the dashboard. Strong blue glow on the active sidebar item. All-Inter typography at -0.01em per px tracking.

Bad

Dimension

dimension.dev

Soft-dark #0c0c0c background with indigo #6b62f2 accent. Pill-shaped sidebar items, big rounded card corners (24px), Geist for display + DM Sans for body. Atmospheric white blob behind hero, frosted-white pill primary button. Daniel: too similar to other indigo/blue themes, less distinct than Flike.

Bad

Fusion AI

fusionai.framer.website

Pure black with a 4-stop diagonal gradient (orange to deep red to black to electric blue) on primary buttons. Plus Jakarta Sans display + Inter body. Atmospheric orange + blue glows behind the dashboard. Gradient text on the artist name. Daniel: too marketing-flashy for a financial portal.

Good

Finaura Portal View

finaura dashboard screenshot · layout + theme

Full structural replication of Finaura's actual portal page, not just the theme. Welcome header with name + emoji, three KPI cards (two number-with-sparkline, one circular gauge for Catalog Health), big Earnings Overview chart with Growth / Best Period / Peak Value stats, Royalty Insights side panel with action-driven cards (Review, Pay Now), and a Recent Statements table styled like Finaura's transactions table. Personal-finance metrics remapped to royalty semantics.

Good

Finaura (theme only)

finaura.framer.ai · URL-only extraction

Dark navy palette (#020611 deep, #0e121a cards) with three-tier blue accents: #6198fe primary, #5b94ff glow, #09f saturated. Cards use radial gradients with a navy top-edge highlight. Primary buttons carry the signature blue halo + inset white highlight. Built without a brain-map tokens.json, purely from curl + grep on the live SSR-inlined CSS.

Bad

Ainest

ainest.framer.website

Near-black #000005 with Tailwind indigo accent (#4F46E5) and signature inset-glow on primary buttons. Plus Jakarta Sans display + Inter body. Wordmark cascade ("Royalty" white, "Masters" indigo-200). Daniel: not the right fit for the portal.