Origin Financial
Uma galeria noturna de opulência discreta. Uma sala silenciosa, quase escura, onde grandes fontes serifadas e alguns painéis coloridos iluminados criam a sensação de que as finanças são uma obra de arte cuidadosamente selecionada.
Origin apresenta as finanças pessoais como uma galeria noturna: telas quase pretas, títulos sutis em serifas (80-96px, Lyon Display - 300) e cartões coloridos que flutuam como painéis retroiluminados. A maior parte da interface permanece calma e monocromática, com cores saturadas aparecendo apenas em blocos de categorias em tela cheia para os módulos de gastos, investimentos e previsões, bem como em indicadores de dados (gráficos, minigráficos). A tipografia é dividida em três estilos distintos: uma serifada de alto contraste para declarações emocionais, uma sans-serif neo-grotesca para a interface do usuário e uma fonte monoespaçada para títulos técnicos e dados em maiúsculas, criando uma sensação de estilo editorial e precisão. A única ação principal é o texto branco sobre um fundo preto; o restante da interface se desvanece na escuridão.
Uma tela escura ocupa toda a largura da página (o contêiner de conteúdo tem um limite máximo de 1200px, mas as seções se estendem até a borda). O ritmo da página alterna entre: (1) uma foto de destaque impactante com um título centralizado e uma dica de ferramenta de IA incorporada, (2) módulos de largura total, (3) blocos de estatísticas #cacaca claros e invertidos para criar contraste e (4) faixas de layout de produto com espaçamento de 90px. Os títulos são sempre centralizados; os cartões de categoria de recursos são dispostos em uma grade de 3 colunas com espaçamento de 12 a 15px. O espaçamento vertical entre as seções varia de 24 a 80px, criando amplo espaço entre os módulos. A navegação consiste em uma barra superior fixa com fundo desfocado (filtro de fundo (24px)), contendo o logotipo, 3 elementos de navegação com botões transparentes, um link de texto "Login" e uma chamada para ação primária "Começar" em branco, alinhada à direita.
A fotografia atmosférica serve como elemento central (uma fotografia em tela cheia de nuvens e céu com um tratamento suave e frio transmite a sensação de um céu aberto inspirador, em vez de um clima real). A visualização do produto apresenta renderizações inclinadas do aplicativo Origin para iPhone contra um fundo quase preto — o dispositivo é o elemento principal, com um brilho volumétrico sutil em vez de efeitos de reflexo na tela. Não há ilustrações, gráficos abstratos ou fotos de estilo de vida. Os ícones são minimalistas, apresentando imagens SVG monolineares de linhas brancas ou silhuetas. No geral, o texto domina: a tipografia representa aproximadamente 80% do peso visual, com as imagens reservadas para ambientação e apresentação do produto.
Solicitar imagens de IA no estilo Origin Financial
Crie uma imagem no estilo visual do site Origin Financial O QUE REPRESENTAR: [insira seu assunto e desejos — por exemplo: «xícara de café em uma mesa de madeira, luz da manhã»] ESTILO: Galeria da Meia-Noite da Riqueza Silenciosa. Um quarto silencioso, quase escuro, onde o objeto cria a sensação de uma obra de arte cuidadosamente selecionada. Fotografias atmosféricas com um tratamento frio e suave que parecem um céu aberto inspirador. Sem ilustrações, gráficos abstratos ou fotografias de estilo de vida. LUZ E MATERIAIS: Fundo quase preto. Um brilho volumétrico quase imperceptível, sem efeitos de reflexo. Luz suave e difusa, enfatizando a forma. Tema escuro predominante, limites em vez de sombras. PALETA: Iris Gleam #847dff, Cyan Signal #00b3dd, Pale Iris #d1c9ff, Deep Iris #4b49aa, Orchid Bloom #dd90d8, Periwinkle #90b8f0, Obsidian #0f1011. COMPOSIÇÃO DO QUADRO: Elemento central, dominante no quadro. Fotografia de formato completo. Objetos apresentados como elementos principais, com espaço suficiente ao redor em um fundo escuro. Formato amplo. REQUISITOS: fotorrealista e limpo, luz e cores estritamente da paleta acima. NÃO adicione texto, inscrições, números, interfaces e layouts de site, a menos que sejam solicitados em «O QUE REPRESENTAR». Sem marcas d'água, logotipos estranhos ou nomes de marcas.
Paleta
Marca
- Iris Gleam
#847dff— A principal cor de destaque nos cartões de categoria é o roxo característico, que geralmente aparece nas peças dos módulos.
Neutro
- Cyan Signal
#00b3dd— Foco em dados – linhas de gráficos, traços de minigráficos e indicadores de previsão em superfícies escuras. - Pale Iris
#d1c9ff— Uma versão mais clara do roxo para esquemas de cores mais suaves em painéis de tema e preenchimentos de fundo. - Deep Iris
#4b49aa— Variante de cor roxa escura para barras de categoria e status sombreadas ao passar o cursor. - Orchid Bloom
#dd90d8— O cartão rosa da categoria para os módulos de Estilo de Vida/Despesas proporciona um contraste acolhedor com a paleta de cores frias. - Periwinkle
#90b8f0— Um cartão azul claro para módulos de aconselhamento ou módulos para casais. - Obsidian
#0f1011— A tela da página é a superfície escura dominante sobre a qual tudo flutua.
Tipografia
de 12 a 96px · 7 etapas
- Suisseintltrial — substituição: Inter · esboços 400 · Suisseintltrial - encontrado nos dados extraídos, mas não descrito pela IA.
- Lyon Display — substituição: DM Serif Display or Playfair Display (Google Fonts) at weight 400 with manual letter-spacing tightening · esboços 300 · Os títulos e cabeçalhos de seção seguem um estilo característico. Utiliza-se apenas uma fonte de 300 (leve), criando uma sensação suave, porém confiante; o tamanho extremo (38-96px) com um espaçamento estreito de 0,9 entre linhas gera uma tensão marcante.
- Suisse Int'l — substituição: Inter or Geist Sans at matching weights · esboços 300, 400 · Texto principal, descrições dos cartões, texto dos links e campos de entrada. Uma fonte de peso 300 é usada nos subtítulos dos cartões de 18px para proporcionar um sutil eco do texto exibido; uma fonte de peso 400 é usada para o texto principal da interface do usuário.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | média |
| Passo básico | 12px |
| Raio do botão | 8px |
| Raio do cartão | 16px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 80px |
| Largura da página | 1200px |
A IA criará seu site no estilo Origin Financial e o preencherá.
- Compartilhe produtos e publicações através dos links - Instagram, TikTok, Facebook.
- Transfira o conteúdo do seu site antigo — basta especificar o endereço.
- Design moderno na melhor engine: React ( Next.js) com renderização no servidor e otimização de SEO integradas.
- Otimização de SEO totalmente automatizada para resultados de pesquisa e recomendações de redes neurais.
Estilos semelhantes
- July Fund — Uma monografia numa galeria escura com cartões de capítulos coloridos.
- FLORA — Galeria em veludo preto - uma tela escura e limpa, com imagens vibrantes como única cor.
- Mercury — margens alpinas ao entardecer
- Linear — instrumento de precisão da meia-noite
- Air — escultura "Céu da Meia-Noite Através do Vidro"
- Raycast — Centro de Comando da Meia-Noite, Neon Coral
- dope.security — Terminal noturno com sinalizadores roxos
- Dimension — uma estação de trabalho iluminada ao entardecer com painéis de vidro fosco
- Giga — Horizonte da meia-noite sobre obsidiana congelada
- Reflect Notes — O espaço violeta estrelado é um observatório escuro onde as notas flutuam como constelações contra um pano de fundo de vazio índigo quase negro.
- Ameba — A sala de controle à meia-noite – um pulso azul elétrico dentro de painéis de vidro fosco.
- Branding — Parede de galeria preta, detalhes em vermelho sangue - Grandes fontes brancas flutuam em uma tela escura que lembra um vazio, interrompido por um único detalhe em vermelho vivo e elementos decorativos marcantes que se assemelham mais à sinalização de uma galeria do que a uma interface da web.