Material 3 · Expressive White-label core v1.0.0 · Stable

One core. Every bank.

Neptune Odyssey is a white-label banking design system by Neptune.Fintech — one Material 3 foundation that any bank re-skins (colour, shape, type, motion, expression, and now sound) across light/dark and LTR/RTL. Pick a theme, copy its brandprint, and get the identical result on Flutter, Web, Svelte, Vue, React, React Native and Laravel/Blade. Why not just Material? →

Open the live system → Build a theme
Four reference brands · the same component, re-skinned

Explore

Live references & tools

Each demo is the real system — switch brand, mode and direction and watch it re-skin. The brands below are reference tenants only.

Design system
Live reference
Mobile · the system

Design System

Switch brand, mode and direction and watch the whole system re-skin. Principles, states, motion, accessibility and governance.

Open demo →
Internet banking
Retail + Corporate
Web · banking

Web Banking

Retail and corporate internet banking — bulk payments, audit trail, approval-matrix editor and repair-failed-rows.

Open demo →
Wallet
Pay · top-up · split
Web · wallet

Wallet Web

A payment-led wallet — balance hero, add money, QR/NFC merchant pay, vouchers, activity and limits.

Open demo →
Theme builder
NO1-… brandprint
Tool · configurator

Theme Builder

Pick seeds, shape, type and levers; preview live; copy the portable brandprint string and use it in any library.

Open tool →
Flutter · live
Same brandprint, real engine
Flutter · running in your browser

Flutter Gallery — Live

The actual neptune_flutter_ui package compiled to the web: every widget, motif, glass dock and animated CTA — switch brand, dark and RTL and compare with the web kit side by side.

Run it →
Flutter · screens
Engine renders, no mockups
Flutter · gallery of renders

Flutter Screens

Engine-rendered screenshots of the package — welcome, hero + glass dock, motif card art, dark mode, brand switching and Arabic/RTL.

View screens →
Odyssey vs. Material
Same balance card, side by side
Foundations · the identity layer

Why not just Material?

A live, side-by-side comparison — the same balance card, button and transaction row, once as a stock M3 baseline and once brand-themed as Triton.

See the difference →

Built by Neptune.Fintech

Financial Technology & Solutions. Neptune Odyssey is our platform design system — the engineering behind premium, white-label banking. The identity, colour and type here follow the Neptune brand guideline.

neptune.ly →
Coral
Teal
Navy
Sand
Sky

Ship it

Install — one brandprint, every framework

The same NO1-… string produces the identical theme everywhere. Pick your stack and copy:

Published on npm under @neptune.fintech. Then theme it: applyTheme(root, "neptune") · NeptuneTheme.light('neptune') — or paste a brandprint from the theme builder.