Foodnoms
Mercado de froitas soleado sobre porcelana branca: laranxas cálidas, verduras frescas e formas redondeadas e voluminosas
Foodnoms emprega unha linguaxe de mercadotecnia desenfadada para o seguimento nutricional: unha lona branca e limpa, maquetas de teléfonos de gran tamaño como áncoras visuais e un vocabulario de cores lúdico onde as cores representan os nutrientes e o progreso. Un esquema de cabeceira bicolor (unha cor para a palabra clave, grafito escuro para o resto) permite unha avaliación rápida da proposta de valor. O sistema baséase nunha pantalla de usuario única (Aquawax Pro) con características xeométricas claramente redondeadas que suavizan as pantallas da aplicación, cheas de datos. A maioría das superficies son planas e sen sombras; o radio uniforme das esquinas dálle aos botóns, tarxetas e etiquetas unha sensación suave e amigable, facendo que o seguimento da saúde pareza máis accesible que clínico.
A páxina presenta un deseño dunha soa columna, centrado e de ancho completo (~1200 px) cun ritmo vertical xeneroso. A cabeceira é unha barra superior fina co logotipo á esquerda, a navegación centrada e un botón de acción laranxa cheo á dereita. A sección principal é unha pila centrada: un título de dúas cores, un subtítulo dunha soa liña, unha icona da App Store e, a continuación, unha fila de 3-5 maquetas de teléfono estendidas ao longo do ancho. Debaixo da sección principal hai unha sección centrada do logotipo de prensa "Como se recomenda" nunha cuadrícula de 2x3. As seccións destacadas seguen un patrón repetitivo: texto de dúas columnas + maqueta de teléfono, lados alternados, con cabeceiras de sección de acento en laranxa/verde. O último elemento antes do pé de páxina é unha tarxeta de chamada á acción descargable de ancho completo. Os espazos entre as seccións son xenerosos (96 px), creando unha sensación espazosa, similar a unha galería. A navegación é unha barra superior minimalista, sen barra lateral nin mega menú.
A linguaxe visual da aplicación está dominada por maquetas de marcos de iPhone de alta calidade que mostran a interface de funcionamento da aplicación; estes son os elementos principais, non fotos de stock. As maquetas móstranse con transparencia case total, en abano cunha lixeira superposición e unha rotación suave, e colocadas directamente sobre un fondo branco. Dentro das maquetas, o compoñente visual provén da propia interface da aplicación: información nutricional, fotos de produtos, aneis macro e etiquetas de categoría coloridas. O único contido fotográfico son imaxes de alimentos enviadas polo usuario visibles na pantalla da cámara da aplicación Scan Your Food. Non hai fotos de estilo de vida, nin ilustracións abstractas, nin gráficos decorativos. A marca está totalmente definida pola fonte personalizada, a combinación de cores laranxa/verde/escuro e a propia interface da aplicación.
Paleta
Marca
- Ember Orange
#ff5406— O laranxa úsase como acento secundario para detalles decorativos e para resaltar indicios pouco frecuentes. Non se debe usar como cor principal para chamadas á acción.
Neutro
- Graphite
#2f2f2f— Texto principal, botóns escuros (icona da App Store) e contornos das iconas. Unha cor predominante non branca nos títulos e no corpo do texto. - Verdant Green
#00b33f— A cor verde serve como acento adicional para detalles decorativos e para enfatizar as frecuencias baixas. - Signal Red-Orange
#ff3400— Un acento cálido secundario, visible nos elementos da interface de usuario da pantalla da aplicación e na marca relacionada. Un ton máis cálido que o laranxa brasa, enfatiza os estados das aplicacións seleccionadas ou activas. - Sky Blue
#00a9dd— Un contraste agradable para as categorías de datos internas da aplicación (hidratos de carbono/proteínas/outros grupos de nutrientes). Equilibra a paleta de cores cálidas e dominantes nos deseños do teléfono. - Mist Blue
#72a2c5— Acento frío apagado: suaviza a cor azul ceo para etiquetas de datos adicionais e fondos de gráficos dentro da aplicación. - Sunset Orange
#ff6d00— Un toque cálido para títulos secundarios e texto destacado nas páxinas de mercadotecnia.
Tipografía
de 12 a 60 px · 7 pasos
- Aquawax Pro Medium — substitución: Inter · contornos 500 · Medio Aquawax Pro: atópase nos datos extraídos pero non se describe pola IA.
- Aquawax Pro — substitución: Nunito Sans · contornos 700, 500, 600 · A fonte principal da marca empregada en todos os contextos, incluídos os títulos e o corpo do texto. Esta fonte deseñada a medida presenta letras de altura ampla, formas xeométricas redondeadas e proporcións cómodas. Negriña (700) úsase para títulos e seccións, os puntos de referencia tipográficos do sistema. Seminegriña (600) úsase para subtítulos e etiquetas de botóns a 14–1,8 mm. Media (500) úsase para o corpo do texto a 17–1,8 mm, cun espazo entre liñas suficiente de 1,6–1,8 mm para unha lectura cómoda.
- System sans-serif — substitución: Inter · contornos 400, 700 · Úsase unha opción de reserva para texto moi pequeno e texto de iconas na interface de usuario. Aquawax Pro non se usa en tamaños micro; o tipo de letra do sistema xestiona estes para reducir o peso de renderización.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | espazoso |
| Paso básico | 20px |
| Radio do botón | 26px |
| Radio da tarxeta | 26px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 96px |
| Largura da páxina | 1200px |
A IA creará o teu sitio web ao estilo de Foodnoms 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
- Slite — Un caderno de pergamiño cálido cunha asa de terracota: cada superficie é de papel crema e cada detalle un sutil toque laranxa.
- Adora — O Museo do Impresionismo tras o cristal esmerilado
- Bento — Unha caixa de xantar bento sobre linóleo iluminado polo sol. Unha cuadrícula de tarxetas redondeadas, semellantes a adhesivos, en cor lima, lavanda, cobalto e borgoña, cada unha delas debuxada con tinta negra grosa, repousa sobre un liño cálido e cremoso baixo un título xeométrico e atrevido.
- Payments — Un ton cítrico vibrante sobre un fondo púrpura real. O púrpura eléctrico intenso evoca o ceo nocturno, mentres que os detalles amarelo limón brillan como unha fresca cáscara de cítricos sobre unha superficie branca limpa.
- Textla — Almanaque botánico retro soleado: páxina amarela cremosa impresa en verde escuro con ilustracións de cactos representadas en sombras nítidas e desprazadas
- AI for Business — Sala de exposicións editorial brutalista en tons grises cálidos
- Superhuman — panel editorial da hora dourada
- Visitors — debuxo de enxeñaría branco
- Vercel — Terminal impreso en papel branco
- Jeton — Un editorial sobre tecnoloxía financeira en mármore cálido
- Say Briefly — Caderno de bosquexos de axencia creativa en papel crema
- ClickUp — Un potente panel de control sobre mármore branco. A páxina é un folleto de produto para unha ferramenta de produtividade, polo que a linguaxe visual está tomada prestada do propio produto: listas densas, indicadores de estado, grupos de avatares e declaracións tipográficas en negriña que semellan unha especificación de produto en pantalla.