Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukdesenvolupadorDesenvolupant eines d'IA per a empreses. Alta qualitat. Assequible.Escriure a Telegram
Origin Financial — una vista prèvia d'un lloc web amb aquest estil

Origin Financial

Una galeria de mitjanit d'opulència silenciosa. Una sala silenciosa, gairebé fosca, on grans fonts serif i uns quants panells de colors il·luminats creen la sensació que les finances són una obra d'art acuradament seleccionada.

Origin presenta les finances personals com una galeria nocturna: llenços gairebé negres, titulars subtils amb serifes (80-96px, Lyon Display - 300) i targetes de característiques cromàtiques que suren com panells de color retroil·luminats. La major part de la superfície roman tranquil·la i monocromàtica, amb colors saturats que apareixen només en forma de mosaics de categories a pantalla completa per als mòduls de despesa, inversió i previsió, així com senyals de dades (gràfics, minigràfics). La tipografia es divideix en tres estils diferents: una serifa d'alt contrast per a declaracions emocionals, una sans-serif neogrotesca per a la interfície d'usuari i una font monoespaiada per a titulars tècnics i dades en majúscules, creant una sensació d'estil editorial i precisió. L'única acció principal és text blanc sobre un fons negre; la resta de la interfície s'esvaeix en la foscor.

Un llenç fosc abasta tota l'amplada de la pàgina (el contenidor de contingut té un màxim de 1200 px, però les seccions s'envolten fins a la vora). El ritme de la pàgina alterna entre: (1) una foto de presentació impactant amb un títol centrat i una informació emergent d'IA integrada, (2) mòduls d'amplada completa, (3) blocs d'estadístiques #cacaca invertits clars per contrastar i (4) franges de disseny de producte amb farciment de 90 px. Els títols sempre estan centrats; les targetes de categoria de funcions es disposen en una quadrícula de 3 columnes amb espais de 12-15 px. L'espaiat vertical entre seccions és de 24-80 px, creant un ampli espai entre els mòduls. La navegació és una barra superior fixa amb un fons borrós (filtre de fons (24 px)), que conté el logotip, 3 elements de navegació de botons fantasma, un enllaç de text "Iniciar sessió" i una crida a l'acció principal blanca "Començar" alineada a la dreta.

La fotografia atmosfèrica serveix com a element central (una fotografia de fotograma complet de núvols i cel amb un tractament apagat i fresc s'assembla més a un cel obert inspirador que al temps real). La visualització del producte presenta renders inclinats de l'aplicació Origin per a iPhone sobre un fons gairebé negre: el dispositiu és l'element principal, amb una brillantor volumètrica subtil en lloc d'efectes de reflexos de pantalla. No hi ha il·lustracions, gràfics abstractes ni fotos d'estil de vida. Les icones són minimalistes, amb imatges SVG monolineals de línies blanques o siluetes. En general, el text domina: la tipografia té aproximadament el 80% del pes visual, amb imatges reservades per a l'ambient i la presentació del producte.

Sol·licita imatges d'IA a l'estil Origin Financial

Crea una imatge a l'estil visual del lloc web Origin Financial
QUÈ REPRESENTAR: [introduïu el vostre subjecte i desitjos — per exemple: «una tassa de cafè sobre una taula de fusta, llum del matí»]
ESTIL: Galeria de mitjanit de la riquesa silenciosa. Una habitació tranquil·la, gairebé fosca, on l'objecte crea la sensació d'una obra d'art acuradament seleccionada. Fotografies atmosfèriques amb un processament fred i suau que es perceben com un cel obert inspirador. Sense il·lustracions, gràfics abstractes ni fotografies d'estil de vida.
LLUM I MATERIALS: Fons gairebé negre. Una lluminositat volumètrica amb prou feines perceptible, sense efectes d'enlluernament. Llum suau i difusa que emfatitza la forma. Predomina un tema fosc, amb contorns en lloc d'ombres.
PALETA: Iris Gleam #847dff, Cyan Signal #00b3dd, Pale Iris #d1c9ff, Deep Iris #4b49aa, Orchid Bloom #dd90d8, Periwinkle #90b8f0, Obsidian #0f1011.
COMPOSICIÓ DE L'ENQUADRAMENT: Element central, dominant en l'enquadrament. Fotografia de format complet. Els objectes es presenten com a elements principals, amb prou espai al voltant sobre un fons fosc. Format ample.
REQUISITS: fotorealista i net, la llum i els colors estrictament de la paleta anterior. NO afegir text, inscripcions, números, interfícies i dissenys de llocs web, si no s'han sol·licitat a «QUÈ REPRESENTAR». Sense marques d'aigua, logotips de tercers ni noms de marques.

Paleta

Marca

  • Iris Gleam #847dff — El principal accent de color per a les cartes de categoria és el color porpra característic, que es troba més sovint a les fitxes de mòduls.

Neutral

  • Cyan Signal #00b3dd — Èmfasi basat en dades: línies de gràfics, traços de minigràfics i indicadors de previsió sobre superfícies fosques.
  • Pale Iris #d1c9ff — Una versió més clara del porpra per a esquemes de colors més suaus en panells temàtics i farciments de fons.
  • Deep Iris #4b49aa — Variant de color porpra fosc per a la categoria ombrejada i les barres d'estat en passar el cursor per sobre.
  • Orchid Bloom #dd90d8 — La targeta de categoria rosa per als mòduls Estil de vida/Despeses proporciona un contrast càlid amb la paleta de colors freds.
  • Periwinkle #90b8f0 — Una targeta de categoria blava suau per a mòduls d'assessorament o mòduls de parella.
  • Obsidian #0f1011 — El llenç de la pàgina és la superfície fosca dominant sobre la qual tot flota.

Tipografia

de 12 a 96 px · 7 passos

  • Suisseintltrial — reemplaçament: Inter · esquemes 400 · Suisseintltrial: es troba a les dades extretes però no es descriu per la IA.
  • Lyon Display — reemplaçament: DM Serif Display or Playfair Display (Google Fonts) at weight 400 with manual letter-spacing tightening · esquemes 300 · Els encapçalaments i els títols de les seccions són un estil característic. Només s'utilitza una font 300 (clara), cosa que crea una sensació suau però segura; la mida extrema (38-96 px) amb un interlineat estret de 0,9 crea una tensió definidora.
  • Suisse Int'l — reemplaçament: Inter or Geist Sans at matching weights · esquemes 300, 400 · Text del cos, descripcions de les targetes, text d'enllaç i camps d'entrada. En els subtítols de les targetes de 18 px s'utilitza un pes de 300 per proporcionar un ressò subtil del text que es mostra; un pes de 400 és el text principal de la interfície d'usuari.

Intervals i forma

PropòsitSignificat
Densitatmitjana
Pas bàsic12px
Radi del botó8px
Radi de la targeta16px
Ombressense vores en comptes d'ombres
Entre seccions80px
Amplada de la pàgina1200px

La IA crearà el vostre lloc web a l'estil Origin Financial i l'omplirà.

  • Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
  • Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
  • Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
  • Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.

Estils similars

  • July Fund — Una monografia en una galeria fosca amb targetes de capítols en color
  • FLORA — Galeria sobre vellut negre: un llenç net i fosc, imatges brillants com a únic color
  • Mercury — Ribes alpines al capvespre
  • Linear — instrument de precisió de mitjanit
  • Air — escultura "Cel de mitjanit a través del vidre"
  • Raycast — Centre de Comandament de Mitjanit, Coral Neon
  • dope.security — Terminal de mitjanit amb balises morades
  • Dimension — una estació de treball il·luminada al capvespre amb panells de vidre esmerilat
  • Giga — Horitzó de mitjanit sobre obsidiana glaçada
  • Reflect Notes — L'espai estrellat violeta és un observatori fosc on les notes suren com constel·lacions sobre un fons de buit gairebé negre indi.
  • Ameba — La sala de control a mitjanit: un pols blau elèctric dins dels panells de vidre glaçat
  • Branding — Mur de galeria negre, detalls vermell sang: grans fonts blanques suren sobre un llenç fosc que sembla un buit, interromput per un únic detall vermell brillant i elements decoratius cridaners que semblen més una senyalització de galeria que una interfície web.