Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukdesenvolvedorDesenvolvemento de ferramentas de IA para empresas. Alta calidade. Asequible.Escribir en Telegram
Origin Financial — unha vista previa dun sitio con este estilo

Origin Financial

Unha galería de opulencia silenciosa, de medianoite. Unha sala tranquila, case escura, onde grandes fontes con serifas e uns poucos paneis de cores iluminados crean a sensación de que as finanzas son unha obra de arte coidadosamente comisariada.

Origin presenta as finanzas persoais como unha galería nocturna: lenzos case negros, titulares sutís con serifas (80-96 px, Lyon Display - 300) e tarxetas de características cromáticas que pairan como paneis de cores retroiluminados. A maior parte da superficie permanece tranquila e monocromática, con cores saturadas que aparecen só en forma de mosaicos de categorías a pantalla completa para os módulos de gasto, investimento e previsión, así como sinais de datos (gráficos, minigráficos). A tipografía divídese en tres estilos distintos: unha serifa de alto contraste para declaracións emocionais, unha sans-serif neogrotesca para a interface de usuario e unha fonte monoespaciada para titulares técnicos e datos en maiúsculas, creando unha sensación de estilo editorial e precisión. A única acción principal é texto branco sobre un fondo negro; o resto da interface esvaécese na escuridade.

Un lenzo escuro abrangue todo o ancho da páxina (o contedor de contido ten un máximo de 1200 px, pero as seccións abarcan ata o bordo). O ritmo da páxina alterna entre: (1) unha foto de presentación rechamante cun título centrado e unha información sobre ferramentas de IA integrada, (2) módulos de ancho completo, (3) bloques de estatísticas #cacaca invertidos claros para contraste e (4) franxas de deseño de produtos con recheo de 90 px. Os títulos sempre están centrados; as tarxetas de categoría de características están dispostas nunha grella de 3 columnas con espazos de 12-15 px. O espazado vertical entre as seccións é de 24-80 px, o que crea un amplo espazo entre os módulos. A navegación é unha barra superior fixa cun fondo borroso (filtro de fondo (24 px)), que contén o logotipo, 3 elementos de navegación de botóns pantasma, unha ligazón de texto "Iniciar sesión" e unha chamada á acción branca principal "Comezar" aliñada á dereita.

A fotografía atmosférica serve como elemento central (unha fotografía de fotograma completo de nubes e ceo cun tratamento apagado e xenial parécese máis a un ceo aberto inspirador que ao tempo real). A visualización do produto presenta renders inclinados da aplicación Origin para iPhone sobre un fondo case negro: o dispositivo é o elemento principal, cun brillo volumétrico sutil en lugar de efectos de reflexo na pantalla. Non hai ilustracións, gráficos abstractos nin fotos de estilo de vida. As iconas son minimalistas e presentan imaxes SVG monolineais de liñas brancas ou siluetas. En xeral, domina o texto: a tipografía ten aproximadamente o 80 % do peso visual, e as imaxes reservadas para o ambiente e a presentación do produto.

Solicitar imaxes de IA ao estilo Origin Financial

Fai unha imaxe no estilo visual do sitio web de Origin Financial
QUE REPRESENTAR: [insira o seu obxecto e desexos — por exemplo: «cunca de café nunha mesa de madeira, luz da mañá»]
ESTILO: Galería de medianoche de riqueza silenciosa. Unha sala tranquila, case escura, onde o obxecto crea a sensación dunha obra de arte coidadosamente seleccionada. Fotografías atmosféricas cun tratamento frío e tenue que se perciben como un ceo aberto inspirador. Sen ilustracións, gráficos abstractos e fotografías de estilo de vida.
LUZ E MATERIAIS: Fondo case negro. Un brillo volumétrico apenas perceptible, sen efectos de reflexo. Luz suave e difusa que resalta a forma. Predomina un tema escuro, límites en lugar de sombras.
PALETA: Iris Gleam #847dff, Cyan Signal #00b3dd, Pale Iris #d1c9ff, Deep Iris #4b49aa, Orchid Bloom #dd90d8, Periwinkle #90b8f0, Obsidian #0f1011.
COMPOSICIÓN DO ENCADRE: Elemento central, dominante no encadre. Fotografía de formato completo. Os obxectos preséntanse como elementos principais, con espazo suficiente ao redor sobre un fondo escuro. Formato ancho.
REQUISITOS: fotorrealista e limpo, luz e cores estritamente da paleta anterior. NON engadir texto, inscricións, números, interfaces e deseños de sitios web, a menos que se soliciten en «QUE REPRESENTAR». Sen marcas de auga, logotipos alleos e nomes de marcas.

Paleta

Marca

  • Iris Gleam #847dff — O principal acento de cor para as cartas de categoría é a característica cor púrpura, que se atopa máis a miúdo nas fichas dos módulos.

Neutro

  • Cyan Signal #00b3dd — Enfoque baseado en datos: liñas de gráficos, trazos de minigráficos e indicadores de previsión sobre superficies escuras.
  • Pale Iris #d1c9ff — Unha versión máis clara do púrpura para esquemas de cores máis suaves en paneis temáticos e recheos de fondo.
  • Deep Iris #4b49aa — Variante de cor púrpura escura para a categoría sombreada e as barras de estado ao pasar o cursor do rato.
  • Orchid Bloom #dd90d8 — A tarxeta de categoría rosa para os módulos Estilo de vida/Gastos ofrece un contraste cálido coa paleta de cores frías.
  • Periwinkle #90b8f0 — Unha tarxeta de categoría azul suave para módulos de asesoramento ou módulos de parellas.
  • Obsidian #0f1011 — O lenzo da páxina é a superficie escura dominante sobre a que todo flota.

Tipografía

de 12 a 96 px · 7 pasos

  • Suisseintltrial — substitución: Inter · contornos 400 · Suisseintltrial: atópase nos datos extraídos pero non se describe mediante IA.
  • Lyon Display — substitución: DM Serif Display or Playfair Display (Google Fonts) at weight 400 with manual letter-spacing tightening · contornos 300 · Os títulos e as seccións teñen un estilo característico. Só se emprega unha fonte de 300 (clara), o que crea unha sensación suave pero segura; o tamaño extremo (38-96 px) cun interlineado estreito de 0,9 crea unha tensión definitoria.
  • Suisse Int'l — substitución: Inter or Geist Sans at matching weights · contornos 300, 400 · Texto do corpo, descricións das tarxetas, texto das ligazóns e campos de entrada. Nos subtítulos das tarxetas de 18 px úsase un peso de 300 para proporcionar unha sutil reminiscencia do texto que se mostra; un peso de 400 é o texto principal da interface de usuario.

Intervalos e forma

PropósitoSignificado
Densidademedia
Paso básico12px
Radio do botón8px
Radio da tarxeta16px
Sombrassen bordos en vez de sombras
Entre seccións80px
Largura da páxina1200px

A IA creará o teu sitio web ao estilo de Origin Financial e o encherá

  • Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
  • Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
  • Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
  • Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.

Estilos semellantes

  • July Fund — Unha monografía nunha galería escura con fichas de capítulos en cor
  • FLORA — Galería sobre veludo negro: un lenzo escuro e limpo, imaxes brillantes como única cor
  • Mercury — Ribeiras alpinas ao anoitecer
  • Linear — instrumento de precisión de medianoite
  • Air — escultura "Ceo de medianoite a través do vidro"
  • Raycast — Centro de Comando de Medianoite, Coral Neon
  • dope.security — Terminal de medianoite con balizas moradas
  • Dimension — unha estación de traballo iluminada ao anoitecer con paneis de vidro esmerilado
  • Giga — Horizonte de medianoite sobre obsidiana xeada
  • Reflect Notes — O espazo estrelado violeta é un observatorio escuro onde as notas flotan coma constelacións contra un pano de fondo dun baleiro índigo case negro.
  • Ameba — A sala de control á medianoite: un pulso azul eléctrico dentro de paneis de vidro esmerilado
  • Branding — Muro de galería negro, detalles vermello sangue: grandes fontes brancas flotan sobre un lenzo escuro que semella un baleiro, interrompido por un único detalle vermello brillante e rechamantes elementos decorativos que semellan máis a sinalización dunha galería que a unha interface web.