Origin Financial
Una galería nocturna de opulencia discreta. Una sala silenciosa, casi oscura, donde grandes tipografías con serifa y unos pocos paneles de colores iluminados crean la sensación de que las finanzas son una obra de arte cuidadosamente seleccionada.
Origin presenta las finanzas personales como una galería nocturna: lienzos casi negros, sutiles titulares con serifa (80-96 px, Lyon Display - 300) y tarjetas de características cromáticas que flotan como paneles de color retroiluminados. La mayor parte de la superficie permanece sobria y monocromática, con colores saturados que aparecen solo en forma de mosaicos de categorías a pantalla completa para los módulos de gastos, inversiones y pronósticos, así como señales de datos (gráficos, minigráficos). La tipografía se divide en tres estilos distintos: una serifa de alto contraste para declaraciones emocionales, una sans-serif neogrotesca para la interfaz de usuario y una fuente monoespaciada para titulares técnicos y datos en mayúsculas, creando una sensación de estilo editorial y precisión. La única acción principal es texto blanco sobre fondo negro; el resto de la interfaz se desvanece en la oscuridad.
Un lienzo oscuro abarca todo el ancho de la página (el contenedor de contenido está al máximo en 1200px, pero las secciones se extienden hasta el borde). El ritmo de la página alterna entre: (1) una llamativa foto de inicio con un titular centrado y una información sobre herramientas de IA integrada, (2) módulos de ancho completo, (3) bloques de estadísticas #cacaca invertidos claros para crear contraste, y (4) franjas de diseño de productos con un relleno de 90px. Los titulares siempre están centrados; las tarjetas de categorías de características están dispuestas en una cuadrícula de 3 columnas con espacios de 12-15px. El espaciado vertical entre secciones es de 24-80px, lo que crea un amplio espacio entre módulos. La navegación es una barra superior fija con un fondo difuminado (filtro de fondo (24px)), que contiene el logotipo, 3 elementos de navegación de botones fantasma, un enlace de texto "Iniciar sesión" y una llamada a la acción principal blanca "Comenzar" alineada a la derecha.
La fotografía atmosférica sirve como elemento central (una fotografía de encuadre completo de nubes y cielo con un tratamiento sobrio y frío transmite más la sensación de un cielo abierto inspirador que la de un clima real). La visualización del producto presenta renderizaciones inclinadas de la aplicación Origin para iPhone sobre un fondo casi negro; el dispositivo es el elemento principal, con un sutil brillo volumétrico en lugar de efectos de reflejo de pantalla. No hay ilustraciones, gráficos abstractos ni fotos de estilo de vida. Los iconos son minimalistas, con imágenes SVG monolineales de líneas blancas o siluetas. En general, el texto predomina: la tipografía representa aproximadamente el 80 % del peso visual, y las imágenes se reservan para ambientación y presentación del producto.
Solicitud de imágenes de IA al estilo Origin Financial
Crea una imagen con el estilo visual del sitio web de Origin Financial QUÉ REPRESENTAR: [inserta tu sujeto y deseos — por ejemplo: «una taza de café en una mesa de madera, luz de la mañana»] ESTILO: Galería de medianoche de riqueza tranquila. Una habitación tranquila, casi oscura, donde el objeto crea la sensación de una obra de arte cuidadosamente seleccionada. Fotografías atmosféricas con un procesamiento frío y tenue que se perciben como un cielo abierto inspirador. Sin ilustraciones, gráficos abstractos ni fotografías de estilo de vida. LUZ Y MATERIALES: Fondo casi negro. Brillo volumétrico apenas perceptible, sin efectos de destello. Luz suave y difusa que enfatiza la forma. Predomina un tema oscuro, 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 DEL ENCUADRE: Elemento central, dominante en el encuadre. Fotografía de formato completo. Los objetos se presentan como elementos principales, con suficiente espacio alrededor sobre un fondo oscuro. Formato ancho. REQUISITOS: fotorrealista y limpio, luz y colores estrictamente de la paleta anterior. NO añadir texto, inscripciones, números, interfaces ni diseños de sitios web, a menos que se solicite en «QUÉ REPRESENTAR». Sin marcas de agua, logotipos de terceros ni nombres de marcas.
Paleta
Marca
- Iris Gleam
#847dff— El color predominante en las tarjetas de categoría es el característico color púrpura, que suele encontrarse en las fichas de los módulos.
Neutral
- Cyan Signal
#00b3dd— Enfoque basado en datos: líneas de gráficos, trazos de minigráficos e indicadores de pronóstico sobre superficies oscuras. - Pale Iris
#d1c9ff— Una versión más clara del color púrpura para esquemas de color más suaves en paneles temáticos y rellenos de fondo. - Deep Iris
#4b49aa— Variante de color morado oscuro para las categorías sombreadas y las barras de estado al pasar el cursor por encima. - Orchid Bloom
#dd90d8— La tarjeta de categoría rosa para los módulos de Estilo de vida/Gastos proporciona un cálido contraste con la paleta de colores fríos. - Periwinkle
#90b8f0— Una tarjeta de categoría azul claro para módulos de terapia individual o de pareja. - Obsidian
#0f1011— El lienzo de la página es la superficie oscura dominante sobre la que todo flota.
Tipografía
De 12 a 96 píxeles · 7 pasos
- Suisseintltrial — reemplazo: Inter · esquemas 400 · Suisseintltrial - encontrado en los datos extraídos pero no descrito por la IA.
- Lyon Display — reemplazo: DM Serif Display or Playfair Display (Google Fonts) at weight 400 with manual letter-spacing tightening · esquemas 300 · Los encabezados y los títulos de sección son un sello distintivo. Solo se utiliza una fuente de 300 (ligera), lo que crea una sensación suave pero segura; el tamaño extremo (38-96 px) con un interlineado estrecho de 0,9 crea una tensión definida.
- Suisse Int'l — reemplazo: Inter or Geist Sans at matching weights · esquemas 300, 400 · Texto principal, descripciones de tarjetas, texto de enlaces y campos de entrada. Se utiliza un grosor de fuente de 300 en los subtítulos de las tarjetas de 18 píxeles para crear un sutil eco del texto que se muestra; el texto principal de la interfaz de usuario tiene un grosor de fuente de 400.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | promedio |
| Paso básico | 12px |
| Radio del botón | 8px |
| Radio de la tarjeta | 16px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 80px |
| Ancho de página | 1200px |
La IA construirá tu sitio web al estilo de Origin Financial y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- July Fund — Una monografía en una galería oscura con fichas de capítulos a color.
- FLORA — Galería sobre terciopelo negro: un lienzo oscuro y limpio, imágenes brillantes como único color.
- Mercury — Orillas alpinas al atardecer
- Linear — instrumento de precisión de medianoche
- Air — Escultura "Cielo de medianoche a través del cristal"
- Raycast — Centro de mando de medianoche, neón coral
- dope.security — Terminal de medianoche con balizas moradas
- Dimension — un puesto de trabajo iluminado al anochecer con paneles de vidrio esmerilado
- Giga — Horizonte de medianoche sobre obsidiana escarchada
- Reflect Notes — El espacio violeta estrellado es un observatorio oscuro donde las notas flotan como constelaciones contra un telón de fondo de un vacío índigo casi negro.
- Ameba — La sala de control a medianoche: un pulso azul eléctrico dentro de los paneles de vidrio esmerilado.
- Branding — Pared de galería negra con detalles en rojo sangre: grandes fuentes blancas flotan sobre un lienzo oscuro que se asemeja a un vacío, interrumpido por un único detalle en rojo brillante y llamativos elementos decorativos que parecen más letreros de galería que una interfaz web.