Ocasião, número de pessoas e preferências.
Calor contemporâneo
Design system
Uma documentação viva para manter a Vila Miolo reconhecível do botão ao Reel.
Marca
VilaMioloVilaMiolo
Cores semânticas
primary
secondary
accent
warm
dark
Tipografia
Fraunces dá voz ao pão.
Manrope mantém interface, formulários e textos longos muito claros.
Ações, modal e estados
Campos
Mensagens e estados
Tudo certo. Seu resumo está pronto.
Revise o número de pessoas.
Nenhum item nesta categoria.
Preparando a próxima fornada…
Accordion de perguntas
O site confirma uma encomenda?
Não. Ele prepara um resumo e transfere para atendimento humano.
O assistente usa uma API?
Não. Todas as regras funcionam localmente e são testáveis.
Solução de IA aplicada
M
Mio — assistente de encomendas
Exemplo de solução criada pela LG para resolver uma dúvida real do negócio: quanto pedir para cada ocasião.
Quantidades com regras locais e dados do cardápio.
Gera um resumo claro para o atendimento humano.
Nunca confirma estoque, prazo, valor final ou pedido.
“Preciso de um café para 12 pessoas.”
“Sugestão: 18 salgados, 12 doces, 3 pães e 2,2 L de café.”
Iconografia
EstratégiaDesign systemSiteInstagramMotionIA
Ícones de linha em SVG 24×24, traço de 1.6 px em currentColor e terminações arredondadas. Eles herdam a cor do contexto e aparecem no case, no processo e nos cards de confiança.
Fundamentos
Espaçamento4 · 8 · 12 · 16 · 24 · 32 · 40 · 64 · 80 · 120
Raios8 · 16 · 28 · 40 · pill
Grid1240 px · 12 colunas · gutters responsivos
Breakpoints560 · 700 · 800 · 960 px
Movimento180–300 ms · redução de movimento respeitada
Sombrascard 0 16px 44px rgb(69 49 33/.1) · flutuante 0 18px 48px rgb(41 34 27/.22)