Money,
in motion.
Money, in motion — a finance product whose brand is light on layered forms.
- Jahr
- 2026
- Kategorie
- Konzeptmarke · Finanzprodukt
- Status
- Konzeptprojekt — UVROs eigene Marke, kein Kunde
- Umfang
- Marke, Designsystem, Motion, Produkt-UI, Kampagne
Ausgangslage
A finance product needs a brand that stays calm while everything moves.
Finance Lab had a working product UI and a warm, dark palette that never felt like the product’s promise. VYN had to carry the same functions unchanged — accounts, card, transfers, portfolio, transactions — under a light identity that explains movement of money without alarm colours, partner claims or invented numbers.
Strategie
Light on material. Numbers stay the hero.
- 01
One DNA, every surface
Palette, type roles, radius, motion tokens and the logo family live in the finance-lab Project DNA; site, product, case and campaign read from it. No second system.
- 02
Three forms, no decoration
Fold (the symbol), Flow (a silk band of light) and Core (a dense particle or line core). Colour arrives as light on material, never as a flat fill.
- 03
Motion from the grammar
Seven brand primitives — FlowPanel, CardFan, FoldField, FiberBurst, ParticleGlobe, DeviceReveal, DataRibbon — run on multiples of the DNA’s motion tokens, pause offscreen and hold a still frame under reduced motion.
- 04
Only what is real
The product UI is the live finance-lab demo with demo data. Other banks appear only as the user’s linked accounts, never as partners; no customer stories, no metrics, no card-network marks, no claim of a licensed bank product.
- 05
Claims in English, product in German
Move forward. Make progress. Money, in motion. — the brand speaks English; the product speaks German.
Markenidee
Money, in motion.
The symbol is a Fold: two forward-leaning planes, lilac to white behind, sky to deep blue in front. The wordmark is vyn — lowercase, Geist 800, black. White carries the words; colour appears as light on material and never as a flat fill. Blue is the one action colour. Nothing bounces.
Identität
Wortmarke, Farbe, Schrift, Regeln.
Light on layered forms.
Aa
Money, in motion. Build what moves possibility forward.
Geist Mono — Amounts, IBAN fragments, technical labels
'/%3e%3cg%20transform='translate(215%20215)%20scale(5.94)'%3e%3cpath%20d='M23.8%2039.98%20L57.49%2020.94%20A5%205%200%200%201%2064.77%2026.63%20L58.55%2049%20A5%205%200%200%201%2056.2%2052.02%20L22.51%2071.06%20A5%205%200%200%201%2015.23%2065.37%20L21.45%2043%20A5%205%200%200%201%2023.8%2039.98%20Z'%20fill='url(%23app-back)'/%3e%3cpath%20d='M43.8%2047.98%20L77.49%2028.94%20A5%205%200%200%201%2084.77%2034.63%20L78.55%2057%20A5%205%200%200%201%2076.2%2060.02%20L42.51%2079.06%20A5%205%200%200%201%2035.23%2073.37%20L41.45%2051%20A5%205%200%200%201%2043.8%2047.98%20Z'%20fill='url(%23app-front)'/%3e%3c/g%3e%3c/svg%3e)
- Radius
- 4 · 8 · 12 · 20 px — squarer bentos on the site
- Easing
- cubic-bezier(.45, 0, .1, 1) · brand reveal 500 ms
- Colour rule
- Colour is light on material, never a flat fill
- Truth rule
- No partner claims, no invented metrics, no bank claims
Digital
The product is the proof.
The chapters below run live from the finance-lab design system: the symbol construction, thirty-six own material studies, the card as a fan and a study, five real product screens as bentos, the laptop reveal and the final film.
In Bewegung
Every number moves the way money does.
Charts from the product's own data, rebuilt from the owner's motion studies: a ring that names its largest pot, bars that grow, a line that draws with its deposits, a 3D ring for the year, a board that turns from night to day, a ruler you drag. Lilac where the study had lime, violet where it had purple — in Geist.
Dein Vermögen ist diese
Woche um +7,67 % gestiegen.
Die Reserve steht bei 1.840 €
von 3.000 € — 61 % des Ziels.
Größter Posten im Monat:
Wohnen, 890 €.
WachstumWelt-ETF +6,42 %
ZurückEinmalig einzahlen ⇕
Einmalig einzahlen ⇕
Ziele, die man sieht.
Reserve, Reise, Rad — jedes Ziel mit Stand, Rest und Datum, in deinem Konto.
Brand primitives
Seven primitives, one grammar.
The DNA names seven brand primitives; each runs on multiples of its motion tokens: the flow panel, the card fan, the fold field, the fibre burst, the data ribbon, the device reveal and the globe.
Konten
Jede Zahl an ihrem Platz.
Stand, Zahlungen und Verlauf ohne Alarmfarben. Die Zahl ist die Grafik, alles andere tritt zurück.
Form language
Fold, Flow, Core.
Two leaning planes make the symbol; a silk band of light is the Flow; a dense core of lines or particles is the Core. The wordmark is vyn in Geist 800 — lowercase, black, nothing added.
Material
Colour arrives as light.
Thirty-six own studies of the three forms — lilac to blue, white ceramic, dark graphite — generated from the brand rules, not copied from a reference. The owner's material grid set the principle.
Karte
Cards on one arc, one mark.
Mist, lilac, violet, periwinkle, blue and deep — silk faces that turn on one large arc. The card carries the Fold, a chip, contactless and the wordmark; no third-party network mark on a concept card. Numbers are demo fragments.
Produkt-UI
Eighty-five percent calm, fifteen percent brand.
The functional finance-lab UI is unchanged: tokens, type roles and the card came from the DNA. Brand moments live at the edges — the empty state, the card reveal, the success sheet.
Übersicht
Vermögen, Verlauf, Zeitraum — Zahlen als Typografie.
- CACafé NordlichtEssen-4,80 €
- GEGehalt (Demo)Einnahme+2.150,00 €
Update-Reihenfolge: data received → chart morph begins (motion.chart) → number rolls (motion.number) → tooltip/readout updates → state settles
Karte
Einfrieren und Monatslimit auf einer Fläche.
Senden
Empfänger, Betrag, Weiter — mit ehrlicher Fehlermeldung.
Portfolio
Aufteilung, Verlauf je Anlage, Ausgaben nach Kategorie.
Umsätze
Filter, Ladezustand, leerer Zustand als Brand-Moment.
- CACafé NordlichtEssen-4,80 €
- GEGehalt (Demo)Einnahme+2.150,00 €
- BABahnMobilität-29,90 €
- BUBuchladen EckhausFreizeit-18,50 €
- MIMieteWohnen-890,00 €
Analysen
Ausgaben nach Kategorie und Monat.
- Wohnen55 % der Ausgaben890,00 €
- Essen13 % der Ausgaben214,00 €
- Mobilität6 % der Ausgaben96,00 €
- Freizeit9 % der Ausgaben142,00 €
- Abos2 % der Ausgaben34,99 €
Ziele
Sparziele mit Fortschritt — 50 € zurücklegen.
Demo — es wird kein Geld bewegt.
Die Fold zum Anfassen.
Eine Münze für Kampagne und Merch. Kein Token, keine Währung.
- Euro-Konto
- Karte
- Senden
- Portfolio
- Analysen
- Sparziele
Fragen, statt suchen.
Wie viel habe ich diesen Monat für Abos ausgegeben?
34,99 € — zwei Abos. Eines davon hast du seit März nicht genutzt.
Eine Karte, virtuell und physisch.
Senden, über Grenzen hinweg.
Alle Konten an einem Ort.
| Konto | Art | Stand (EUR) |
|---|---|---|
| VYN Euro-Konto | Giro | 842,30 |
| Sparkasse Girokonto | Giro | 1.204,18 |
| Revolut Hauptkonto | Konto | 318,40 |
| N26 Spaces | Unterkonto | 96,12 |
| VYN Reserve | Sparziel | 1.840,00 |
Device
The lid opens, the mark becomes the field.
The laptop opens slowly on the studio set; the lockup resolves and its ink walks lilac to violet to near-black; the wordmark leaves, the Fold stays as a silk parallelogram and tilts open into the screen — Make progress. On the phone the field shrinks into a card, the headline settles, the product rows fall in.
Make progress
Final film
Money, in motion.
Silk panels step sideways; the panel in focus writes its line and lets it go. Hue walks lilac, periwinkle, blue; nothing bounces.
Move forward.
Motion
One film, one grammar.
Ten applications of the brand as one continuous cut. Every transition comes out of the system: the Fold opens into the field, the field pulls back into a card, a whip pan, a zoom-through, the banner grows into the frame, an iris opens from the tapped button, doors close and part, the photo folds back into the mark, twelve columns wipe to the grid. Holds are multiples of the editorial token, cuts 2.4 × the device token; offscreen it pauses, reduced motion holds one shot.
Anwendung
Eine Idee, jedes Format.
Ergebnis
One brand, one DNA, every surface — and nothing invented.
VYN is a concept project on a fictional product. This is what exists today — no numbers, no client.
- Identität
- Fold symbol + vyn wordmark (Geist 800) as an eleven-file vector family: colour, black, white, 16 px, lockup, app icon, favicon
- Designsystem
- finance-lab Project DNA 1.0.3: lilac → blue palette (verified against the owner’s board), Geist + Geist Mono, 4/8/12/20 px radius, cinematic motion 1/3
- Motion
- Seven brand primitives on the DNA’s motion tokens; reduced motion holds a still frame
- Produkt-UI
- The live finance-lab demo under the VYN tokens with the VYN card and brand moments in empty states
- Website + campaign
- Concept website with seven sections; billboard, subway, citylight and sticker set from owner-provided visuals
- Status
- Konzeptprojekt — UVROs eigene Marke, kein Kunde
What VYN is made of.
- 01
Project DNA
finance-lab DNA (uvro.project-dna/2): palette, type, radius, motion grammar, logo family, brand rules — machine-readable for site, Figma, image, motion and code agents.
- 02
Brand primitives
FlowPanel, CardFan, FoldField, FiberBurst, ParticleGlobe (GlobeStage), DeviceReveal, DataRibbon — canvas and CSS, no WebGL.
- 03
Produkt-UI
The finance-lab demo: overview, portfolio, transactions, card, send, receive — unchanged functions under VYN tokens.
- 04
Kampagne
Billboard, subway, citylight and sticker set on owner-provided visuals; posts and OOH frames from the campaign compiler.
Project DNA · uvro.project-dna/2Geist · Geist Mono (OFL)React + ViteCanvas 2D + CSS motionLiving Design SystemGlobeStage · d3-geo
