Origin Financial
Une galerie nocturne d'une opulence discrète. Une pièce calme, presque obscure, où de grandes polices à empattement et quelques panneaux colorés illuminés créent l'impression que la finance est une œuvre d'art soigneusement agencée.
Origin présente les finances personnelles comme une galerie nocturne: des toiles presque noires, des titres discrets en caractères serif (80-96 px, Lyon Display - 300) et des fiches thématiques colorées flottant comme des panneaux rétroéclairés. La majeure partie de l’interface reste sobre et monochrome, les couleurs saturées n’apparaissant que sous forme de vignettes plein écran pour les modules « dépenses», « investissements» et « prévisions», ainsi que pour les indicateurs de données (graphiques, sparklines). La typographie se décline en trois styles distincts: une police serif à fort contraste pour les formulations émotionnelles, une police sans serif néo-grotesque pour l’interface utilisateur et une police à chasse fixe pour les titres techniques et les données en majuscules, conférant à l’interface un style éditorial et une précision remarquables. Seule la lecture de texte blanc sur fond noir attire l’attention; le reste de l’interface se fond dans l’obscurité.
Un fond sombre occupe toute la largeur de la page (le conteneur de contenu est limité à 1200 px, mais les sections s'étendent jusqu'au bord). La mise en page alterne entre: (1) une photo d'ouverture percutante avec un titre centré et une infobulle IA intégrée, (2) des modules pleine largeur, (3) des blocs de statistiques clairs et inversés (#cacaca) pour créer du contraste, et (4) des bandes de présentation de produits avec une marge intérieure de 90 px. Les titres sont toujours centrés; les fiches de catégories de fonctionnalités sont disposées en une grille à 3 colonnes avec des espaces de 12 à 15 px. L'espacement vertical entre les sections est de 24 à 80 px, offrant un espace suffisant entre les modules. La navigation est une barre supérieure fixe avec un fond flou (filtre d'arrière-plan (24 px)), contenant le logo, 3 boutons de navigation invisibles, un lien texte « Se connecter» et un bouton d'appel à l'action blanc « Commencer» aligné à droite.
La photographie atmosphérique occupe une place centrale (une photo plein cadre de nuages et de ciel, aux tons doux et froids, évoque davantage un ciel ouvert inspirant qu'une météo réelle). La visualisation du produit présente des rendus inclinés de l'application Origin pour iPhone sur un fond quasi noir: l'appareil est l'élément principal, avec une subtile lueur volumétrique plutôt que des reflets d'écran. On ne trouve ni illustrations, ni graphismes abstraits, ni photos de style de vie. Les icônes sont minimalistes, composées d'images SVG monolinéaires de lignes blanches ou de silhouettes. Globalement, le texte domine: la typographie représente environ 80 % de l'espace visuel, les images étant réservées à l'ambiance et à la présentation du produit.
Demande d'images IA dans le style Origin Financial
Créez une image dans le style visuel du site web Origin Financial CE QU'IL FAUT REPRÉSENTER : [insérez votre sujet et vos souhaits — par exemple : « une tasse de café sur une table en bois, lumière du matin »] STYLE : Galerie de minuit de la richesse tranquille. Une pièce calme, presque sombre, où l'objet donne l'impression d'une œuvre d'art soigneusement sélectionnée. Photographies atmosphériques avec un traitement froid et tamisé qui donnent l'impression d'un ciel ouvert inspirant. Pas d'illustrations, de graphiques abstraits ou de photographies de style de vie. LUMIÈRE ET MATÉRIAUX : Fond presque noir. Lueur volumétrique à peine perceptible, sans effets de reflets. Lumière douce et diffuse soulignant la forme. Un thème sombre prédomine, des limites au lieu d'ombres. PALETTE : Iris Gleam #847dff, Cyan Signal #00b3dd, Pale Iris #d1c9ff, Deep Iris #4b49aa, Orchid Bloom #dd90d8, Periwinkle #90b8f0, Obsidian #0f1011. COMPOSITION DU CADRE : Élément central, dominant le cadre. Photographie plein format. Objets présentés comme des éléments principaux, avec un espace suffisant autour sur un fond sombre. Format large. EXIGENCES : photoréaliste et propre, lumière et couleurs strictement issues de la palette ci-dessus. NE PAS ajouter de texte, d'inscriptions, de chiffres, d'interfaces ou de maquettes de site web, sauf si cela a été demandé dans « CE QU'IL FAUT REPRÉSENTER ». Sans filigranes, logos tiers ou noms de marques.
Palette
Marque
- Iris Gleam
#847dff— La couleur dominante des cartes de catégorie est le violet caractéristique, que l'on retrouve le plus souvent sur les tuiles de module.
Neutre
- Cyan Signal
#00b3dd— Analyse axée sur les données – lignes de graphique, traits de mini-graphique et indicateurs de prévision sur des surfaces sombres. - Pale Iris
#d1c9ff— Une version plus claire de violet pour des palettes de couleurs plus douces dans les panneaux thématiques et les fonds d'écran. - Deep Iris
#4b49aa— Variante de couleur violet foncé pour les barres de catégorie et d'état ombrées au survol. - Orchid Bloom
#dd90d8— La carte de catégorie rose des modules Style de vie/Dépenses offre un contraste chaleureux avec la palette de couleurs froides. - Periwinkle
#90b8f0— Une fiche de catégorie bleu clair pour les modules de conseil ou les modules pour couples. - Obsidian
#0f1011— La toile de la page est la surface sombre dominante sur laquelle tout flotte.
Typographie
de 12 à 96 px · 7 étapes
- Suisseintltrial — remplacement: Inter · grandes lignes 400 · Essai international suisse - trouvé dans les données extraites mais non décrit par l'IA.
- Lyon Display — remplacement: DM Serif Display or Playfair Display (Google Fonts) at weight 400 with manual letter-spacing tightening · grandes lignes 300 · Les titres et en-têtes de section constituent une signature stylistique. Seule une police de 300 points (légère) est utilisée, conférant une impression de douceur et d'assurance; la taille extrême (38-96 px) associée à un interlignage étroit de 0,9 crée une tension marquée.
- Suisse Int'l — remplacement: Inter or Geist Sans at matching weights · grandes lignes 300, 400 · Texte principal, descriptions des cartes, textes des liens et champs de saisie. Une épaisseur de 300 est utilisée pour les sous-titres des cartes de 18 px afin de rappeler subtilement le texte affiché; une épaisseur de 400 est utilisée pour le texte principal de l’interface utilisateur.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | moyenne |
| Étape de base | 12px |
| Rayon du bouton | 8px |
| Rayon de la carte | 16px |
| Ombres | non - des bordures à la place des ombres |
| Entre les sections | 80px |
| Largeur de la page | 1200px |
L'IA construira votre site web dans le style Origin Financial et le remplira.
- Partagez vos produits et publications via le lien - Instagram, TikTok, Facebook.
- Transférez le contenu de votre ancien site: il vous suffit de préciser l’adresse.
- Conception moderne sur le meilleur moteur: React ( Next.js) avec rendu côté serveur et optimisation SEO intégrée.
- Optimisation SEO entièrement automatisée pour les résultats de recherche et recommandations de réseaux neuronaux.
Styles similaires
- July Fund — Une monographie dans une galerie sombre avec des fiches de chapitre en couleur
- FLORA — Galerie sur velours noir – une toile sombre et épurée, des images lumineuses comme seule couleur
- Mercury — Les rives alpines au crépuscule
- Linear — instrument de précision de minuit
- Air — sculpture « Ciel de minuit à travers le verre»
- Raycast — Centre de commandement de minuit, néon corail
- dope.security — Terminal de minuit avec balises violettes
- Dimension — un poste de travail éclairé au crépuscule avec des panneaux en verre dépoli
- Giga — Horizon de minuit sur de l'obsidienne givrée
- Reflect Notes — L'espace violet étoilé est un observatoire obscur où des notes flottent comme des constellations sur un fond d'indigo presque noir et vide.
- Ameba — La salle de contrôle à minuit – une pulsation bleu électrique à l'intérieur de panneaux de verre dépoli
- Branding — Mur de galerie noir, touches de rouge sang - De grandes polices blanches flottent sur une toile sombre qui ressemble à un vide, interrompue par une unique touche de rouge vif et des éléments décoratifs saisissants qui font davantage penser à une signalétique de galerie qu'à une interface web.