
Origin Financial
Eine Mitternachtsgalerie stiller Opulenz. Ein ruhiger, fast dunkler Raum, in dem große Serifenschriften und einige beleuchtete Farbtafeln den Eindruck erwecken, dass die Finanzwelt ein sorgfältig kuratiertes Kunstwerk ist.
Origin präsentiert die persönliche Finanzplanung wie eine nächtliche Galerie: fast schwarze Leinwände, dezente Serifenschriften (80–96 px, Lyon Display – 300) und farbige Feature-Karten, die wie hinterleuchtete Farbtafeln schweben. Die Oberfläche bleibt größtenteils ruhig und monochrom; gesättigte Farben finden sich lediglich in Form von bildschirmfüllenden Kategoriekacheln für die Module Ausgaben, Investitionen und Prognosen sowie in Form von Datensignalen (Diagrammen, Sparklines). Die Typografie ist in drei unterschiedliche Stile unterteilt: eine kontrastreiche Serifenschrift für emotionale Aussagen, eine neogroteske Sans-Serif-Schrift für die Benutzeroberfläche und eine Monospace-Schrift für technische Überschriften und Daten in Großbuchstaben. Dies verleiht der Anwendung einen redaktionellen Stil und Präzision. Die einzige primäre Funktion ist weißer Text auf schwarzem Hintergrund; der Rest der Benutzeroberfläche verschmilzt mit der Dunkelheit.
Eine dunkle Leinwand erstreckt sich über die gesamte Seitenbreite (der Inhaltsbereich ist maximal 1200 Pixel breit, Abschnitte reichen jedoch bis zum Rand). Der Seitenaufbau wechselt zwischen: (1) einem markanten Titelbild mit zentrierter Überschrift und integriertem KI-Tooltip, (2) Modulen in voller Breite, (3) hellen, invertierten #cacaca-Statistikblöcken für mehr Kontrast und (4) Produktstreifen mit 90 Pixel Abstand. Überschriften sind stets zentriert; die Karten der Produktkategorien sind in einem dreispaltigen Raster mit 12–15 Pixel breiten Abständen angeordnet. Der vertikale Abstand zwischen den Abschnitten beträgt 24–80 Pixel und sorgt so für ausreichend Platz zwischen den Modulen. Die Navigation besteht aus einer fixierten oberen Leiste mit unscharfem Hintergrund (Hintergrundfilter (24 Pixel)), die das Logo, drei transparente Navigationsbuttons, einen „Anmelden“-Link und einen weißen, rechtsbündig ausgerichteten „Los geht’s“-Button enthält.
Atmosphärische Fotografie bildet das zentrale Element (eine großformatige Aufnahme von Wolken und Himmel mit gedämpfter, kühler Farbgebung vermittelt eher den Eindruck eines inspirierenden, offenen Himmels als von tatsächlichem Wetter). Die Produktvisualisierung zeigt geneigte Darstellungen der Origin iPhone-App vor einem nahezu schwarzen Hintergrund – das Gerät steht im Vordergrund, mit einem dezenten, plastischen Leuchten anstelle von Bildschirmreflexionen. Es gibt keine Illustrationen, abstrakten Grafiken oder Lifestyle-Fotos. Die Icons sind minimalistisch und bestehen aus einlinigen SVG-Bildern mit weißen Linien oder Silhouetten. Insgesamt dominiert der Text: Die Typografie macht etwa 80 % der visuellen Wirkung aus, während Bilder der Atmosphäre und der Produktpräsentation vorbehalten sind.
Aufforderung zur Erstellung von KI-Bildern im Stil Origin Financial
Erstellen Sie ein Bild im visuellen Stil der Origin Financial Website WAS DARZUSTELLEN IST: [fügen Sie Ihr Motiv und Ihre Wünsche ein — zum Beispiel: „eine Tasse Kaffee auf einem Holztisch, Morgenlicht“] STIL: Mitternachts-Galerie des stillen Reichtums. Ein ruhiger, fast dunkler Raum, in dem das Objekt das Gefühl eines sorgfältig ausgewählten Kunstwerks vermittelt. Atmosphärische Fotografien mit gedämpfter, kühler Bearbeitung, die wie ein inspirierender offener Himmel wirken. Keine Illustrationen, abstrakte Grafiken oder Lifestyle-Fotografien. LICHT UND MATERIALIEN: Fast schwarzer Hintergrund. Kaum wahrnehmbares volumetrisches Leuchten, ohne Blendeffekte. Weiches, diffuses Licht, das die Form betont. Ein dunkles Thema überwiegt, Grenzen statt Schatten. PALETTE: Iris Gleam #847dff, Cyan Signal #00b3dd, Pale Iris #d1c9ff, Deep Iris #4b49aa, Orchid Bloom #dd90d8, Periwinkle #90b8f0, Obsidian #0f1011. BILDKOMPOSITION: Zentrales Element, das den Rahmen dominiert. Vollformatfotografie. Objekte werden als Hauptelemente dargestellt, mit ausreichend Platz um sie herum auf dunklem Hintergrund. Breitformat. ANFORDERUNGEN: fotorealistisch und sauber, Licht und Farben streng aus der obigen Palette. KEINEN Text, Beschriftungen, Zahlen, Benutzeroberflächen oder Website-Layouts hinzufügen, es sei denn, dies wurde unter „WAS DARZUSTELLEN IST“ angefordert. Keine Wasserzeichen, fremden Logos oder Markennamen.
Palette
Marke
- Iris Gleam
#847dff— Die wichtigste Farbakzentfarbe für Kategoriekarten ist das charakteristische Lila, das am häufigsten auf Modulkacheln zu finden ist.
Neutral
- Cyan Signal
#00b3dd— Datenorientierter Fokus – Diagrammlinien, Mini-Diagrammstriche und Prognoseindikatoren auf dunklen Oberflächen. - Pale Iris
#d1c9ff— Eine hellere Variante von Lila für sanftere Farbschemata in Themenfeldern und Hintergrundfüllungen. - Deep Iris
#4b49aa— Dunkelviolette Farbvariante für schattierte Kategorie- und Statusleisten beim Überfahren mit der Maus. - Orchid Bloom
#dd90d8— Die rosafarbene Kategoriekarte für die Module Lifestyle/Ausgaben bildet einen warmen Kontrast zur kühlen Farbpalette. - Periwinkle
#90b8f0— Eine hellblaue Kategoriekarte für Beratungsmodule oder Paarmodule. - Obsidian
#0f1011— Die Leinwand der Seite ist die dominierende dunkle Oberfläche, auf der alles schwebt.
Typografie
von 12 auf 96 Pixel · 7 Schritte
- Suisseintltrial — Ersatz: Inter · Umrisse 400 · Suisseintltrial - in den extrahierten Daten gefunden, aber von der KI nicht beschrieben.
- Lyon Display — Ersatz: DM Serif Display or Playfair Display (Google Fonts) at weight 400 with manual letter-spacing tightening · Umrisse 300 · Überschriften und Abschnittstitel sind charakteristisch für den Stil. Es wird ausschließlich eine 300er-Schrift (Light) verwendet, was eine sanfte und dennoch selbstbewusste Wirkung erzeugt; die extreme Schriftgröße (38–96 px) in Verbindung mit dem geringen Zeilenabstand von 0,9 erzeugt eine prägnante Spannung.
- Suisse Int'l — Ersatz: Inter or Geist Sans at matching weights · Umrisse 300, 400 · Fließtext, Kartenbeschreibungen, Linktexte und Eingabefelder. Die Unterüberschriften der Karten (18px) haben eine Schriftstärke von 300, um einen dezenten Kontrast zum Anzeigetext zu schaffen; der Haupttext der Benutzeroberfläche hat eine Schriftstärke von 400.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | Durchschnitt |
| Grundlegender Schritt | 12px |
| Radius der Schaltfläche | 8px |
| Kartenradius | 16px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 80px |
| Seitenbreite | 1200px |
KI erstellt Ihre Website im Origin Financial -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- July Fund — Eine Monografie in einer dunklen Galerie mit farbigen Kapitelkarten
- FLORA — Galerie auf schwarzem Samt – eine klare, dunkle Leinwand, leuchtende Bilder als einzige Farbe
- Mercury — Alpenufer in der Abenddämmerung
- Linear — Mitternachts-Präzisionsinstrument
- Air — Skulptur „Mitternachtshimmel durch Glas“
- Raycast — Mitternachts-Kommandozentrale, Korallen-Neon
- dope.security — Mitternachtsterminal mit violetten Leuchtfeuern
- Dimension — Ein dämmerungsbeleuchteter Arbeitsplatz mit Milchglaswänden
- Giga — Mitternachtshorizont über bereiftem Obsidian
- Reflect Notes — Der sternenklare violette Raum ist eine dunkle Sternwarte, in der Noten wie Sternbilder vor einem Hintergrund fast schwarzer indigoblauer Leere schweben.
- Ameba — Der Kontrollraum um Mitternacht – ein elektrisch blauer Puls hinter Milchglasscheiben
- Branding — Schwarze Galeriewand, blutrote Akzente – Große weiße Schriftarten schweben auf einer dunklen Leinwand, die einer Leere ähnelt, unterbrochen von einem einzelnen leuchtend roten Akzent und auffälligen dekorativen Elementen, die eher an eine Galeriebeschilderung als an eine Weboberfläche erinnern.