Foodnoms
Mercado de frutas ensolarado em porcelana branca - laranjas em tons quentes, verduras frescas e formas arredondadas e volumosas.
A Foodnoms apresenta uma linguagem de marketing descontraída para o acompanhamento nutricional: uma tela branca e limpa, maquetes de celulares em tamanho grande como âncoras visuais e um vocabulário de cores lúdico, onde as cores representam nutrientes e progresso. Um esquema de cabeçalho em duas cores (uma cor para a palavra-chave e grafite escuro para o restante) permite uma rápida avaliação da proposta de valor. O sistema utiliza um único visor (Aquawax Pro) com características geométricas arredondadas que suavizam as telas do aplicativo, geralmente carregadas de dados. A maioria das superfícies é plana e sem sombras; o raio uniforme dos cantos confere aos botões, cartões e rótulos uma sensação amigável e suave, tornando o acompanhamento da saúde mais acessível do que clínico.
A página apresenta um layout de coluna única, centralizado e em largura total (aproximadamente 1200px), com um ritmo vertical generoso. O cabeçalho é uma barra superior fina com o logotipo à esquerda, a navegação centralizada e um botão de ação laranja preenchido à direita. A seção principal é uma estrutura centralizada: um título em duas cores, um subtítulo de uma linha, um ícone da App Store e, em seguida, uma linha com 3 a 5 mockups de celulares dispostos em leque ao longo da largura. Abaixo da seção principal, encontra-se uma seção centralizada com o logotipo da imprensa "Recomendado" em uma grade 2x3. As seções de destaque seguem um padrão repetitivo: texto em duas colunas + mockup de celular, alternando os lados, com títulos de seção em destaque em laranja/verde. O último elemento antes do rodapé é um cartão CTA para download em largura total. Os espaçamentos entre as seções são generosos (96px), criando uma sensação de amplitude, semelhante a uma galeria. A navegação é uma barra superior minimalista - sem barra lateral ou mega menu.
A linguagem visual do aplicativo é dominada por mockups de alta qualidade da moldura do iPhone, que exibem a interface funcional do app — esses são os elementos principais, não fotos de banco de imagens. Os mockups são apresentados com transparência quase total, dispostos em leque com uma leve sobreposição e rotação suave, e posicionados diretamente sobre um fundo branco. Dentro dos mockups, o componente visual é fornecido pela própria interface do aplicativo: informações nutricionais, fotos de produtos, anéis macro e etiquetas coloridas de categorias. O único conteúdo fotográfico são imagens de alimentos enviadas pelos usuários, visíveis na tela da câmera do aplicativo Scan Your Food. Não há fotos de estilo de vida, ilustrações abstratas ou gráficos decorativos. A identidade visual é definida inteiramente pela fonte personalizada, pelo esquema de cores laranja/verde/escuro e pela própria interface do aplicativo.
Paleta
Marca
- Ember Orange
#ff5406— A cor laranja é usada como um toque secundário em detalhes decorativos e para destacar elementos que não são tão frequentes. Não deve ser usada como cor principal para chamadas à ação.
Neutro
- Graphite
#2f2f2f— Texto principal, botões escuros (ícone da App Store) e contornos de ícones. Predominância de cor não branca nos títulos e no corpo do texto. - Verdant Green
#00b33f— A cor verde serve como um detalhe decorativo adicional e para enfatizar as frequências graves. - Signal Red-Orange
#ff3400— Um tom quente secundário, visível nos elementos da interface do usuário da tela do aplicativo e na identidade visual relacionada. Um tom mais quente que o Laranja Ember, ele enfatiza os estados selecionados ou ativos do aplicativo. - Sky Blue
#00a9dd— Um contraste agradável para as categorias de dados internos do aplicativo (carboidratos/proteínas/outros grupos de nutrientes). Equilibra a paleta de cores quentes e dominantes nos layouts do telefone. - Mist Blue
#72a2c5— Tonalidade Suave e Fria - Suaviza a cor azul celeste para rótulos de dados adicionais e fundos de gráficos dentro do aplicativo. - Sunset Orange
#ff6d00— Um toque de cor quente para títulos secundários e textos destacados em páginas de marketing.
Tipografia
de 12 a 60px · 7 etapas
- Aquawax Pro Medium — substituição: Inter · esboços 500 · Aquawax Pro Medium - Encontrado nos dados extraídos, mas não descrito pela IA.
- Aquawax Pro — substituição: Nunito Sans · esboços 700, 500, 600 · A fonte principal da marca é usada em todos os contextos, incluindo títulos e corpo de texto. Essa fonte personalizada apresenta letras com altura ampla, formas geométricas arredondadas e proporções confortáveis. A versão Negrito (700) é usada para títulos e seções — os marcos tipográficos do sistema. A versão Seminegrito (600) é usada para subtítulos e rótulos de botões, com espaçamento entre linhas de 14 a 1,8 mm. A versão Média (500) é usada para o corpo do texto, com espaçamento entre linhas de 17 a 1,8 mm e espaçamento entre linhas suficiente de 1,6 a 1,8 mm para uma leitura confortável.
- System sans-serif — substituição: Inter · esboços 400, 700 · Uma opção alternativa é usada para textos e ícones muito pequenos na interface do usuário. A fonte Aquawax Pro não é usada em tamanhos micro; a fonte do sistema lida com eles para reduzir o peso da renderização.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | espaçoso |
| Passo básico | 20px |
| Raio do botão | 26px |
| Raio do cartão | 26px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 96px |
| Largura da página | 1200px |
A IA criará seu site no estilo Foodnoms 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
- Slite — Um caderno de pergaminho em tom quente com alça terracota — toda a superfície é de papel cremoso, cada detalhe um toque sutil de laranja.
- Adora — O Museu do Impressionismo atrás de um vidro fosco.
- Bento — Uma lancheira bento sobre linóleo iluminado pelo sol. Uma grade de cartões arredondados, semelhantes a adesivos, em tons de lima, lavanda, cobalto e bordô, cada um contornado com tinta preta espessa, repousa sobre um linho cremoso e aconchegante sob um título geométrico em negrito.
- Payments — Um tom cítrico vibrante sobre um fundo roxo real. O roxo profundo e elétrico evoca o céu noturno, enquanto detalhes em amarelo limão brilham como raspas de frutas cítricas frescas sobre uma superfície branca e pura.
- Textla — Almanaque Botânico Retrô Ensolarado - Página amarelo-creme impressa em verde-escuro com ilustrações de cactos em sombras nítidas e deslocadas.
- AI for Business — Showroom editorial brutalista em tons de cinza quente.
- Superhuman — painel editorial da hora dourada
- Visitors — desenho de engenharia branco
- Vercel — Terminal impresso em papel branco
- Jeton — Um editorial sobre fintech no Warm Marble.
- Say Briefly — Caderno de esboços de agência criativa em papel creme
- ClickUp — Um painel de controle poderoso sobre mármore branco. A página é um folheto de produto para uma ferramenta de produtividade, portanto a linguagem visual é emprestada do próprio produto: listas densas, indicadores de status, grupos de avatares e declarações tipográficas em negrito que se assemelham a uma especificação de produto em exibição.