Sistema de design completo derivado do logo da Pronto! Celulares e Técnica. Amarelo vibrante, grafite e branco — tokens, tipografia e componentes prontos para site, LP, app e anúncios.
Quatro cores extraídas fielmente do logo original. Clique em qualquer amostra para copiar o hex.
Escalas de 50 a 950 para amarelo, grafite e neutros, mais cores funcionais de status. Tudo em tokens.css e tokens.json.
#15915B#F9CE03#E5343B#2E2C2CMontserrat para títulos e UI (peso alto, eco do wordmark), Inter para texto corrido e Anton para impacto comercial — ofertas, preços e chamadas de urgência.
Escala base 4px. Use os tokens --space-* para padding, gap e margin consistentes.
Cantos generosos refletem o traço arredondado do ícone. Sombras com tom grafite; o CTA tem glow amarelo exclusivo.
Conjunto de ícones da marca em traço consistente (stroke 2px, cantos arredondados). Fundo branco, grafite no traço. Use para reforçar velocidade, serviços e confiança.
Velocidade. Conserto no mesmo dia.
Aparelho, modelo, troca de tela.
Troca de bateria, autonomia.
Reparo técnico, mão de obra.
90 dias de garantia no serviço.
Orçamento e contato rápido.
Preço justo, sem surpresa.
Pronto em até 2 horas.
Escala de sombras define profundidade; escala de z-index define a ordem de empilhamento. Quanto maior a elevação, mais distante da superfície e mais acima na pilha.
Cards em repouso, inputs, divisores leves.
Cards interativos, dropdowns ancorados.
Hover de card, popovers, menus flutuantes.
Modais, drawers e overlays centrais.
Brilho amarelo no botão principal em repouso.
Glow intensificado no hover do CTA.
Durações e curvas de aceleração padronizadas. Passe o mouse, clique ou use o teclado nos cards para reproduzir cada token. Respeita prefers-reduced-motion.
Dica: passe o mouse, clique ou foque com Tab e pressione Enter / Espaço para reproduzir.
Indicadores compactos de promoção e status, sempre em uppercase com peso alto.
Filtros selecionáveis para refinar ordens de serviço e um grupo de botões conectado para alternar entre visões. Operáveis por mouse e teclado.
Use Tab para navegar e Espaço / Enter para selecionar. Selecionados ficam em amarelo.
Nenhum filtro aplicado.
Os serviços-núcleo da Pronto!. Ícone em badge amarelo, preço destacado, hover com borda-topo amarela.
Display original com garantia de 90 dias. Pronto no mesmo dia.
Recupere a autonomia. Substituição em até 1 hora.
Não carrega ou cai a conexão? Trocamos o conector.
Fotos borradas ou sem foco — diagnóstico e troca.
Avaliação completa. Grátis ao fechar o reparo.
Reparo de placa, atualização e desbloqueio.
Campo de orçamento com foco amarelo e estados de erro/sucesso. Toggle e barra de progresso.
Checkbox, radio, switch acessível e select customizado — tudo operável por teclado, com foco amarelo visível e estados completos. Construído para o formulário de orçamento da Pronto!.
Operável por teclado: Tab navega, Espaço ou Enter alterna. role="switch" + aria-checked.
Teclado: Enter/Espaço/Seta abre, ↑↓ navega, Enter confirma, Esc fecha. role="listbox".
Textarea com contador, busca com limpar, slider de orçamento ao vivo, dropzone de upload, prefixo/sufixo, stepper numérico. Todos com foco amarelo e estados default / erro / sucesso / desabilitado.
Alertas de orçamento, garantia, status e erro — usando o sistema funcional de cores.
Estados de carregamento que sustentam a percepção de velocidade: skeletons com shimmer suave, spinners em escala e botão ocupado. Respeitam prefers-reduced-motion.
Carregando catálogo de produtos…
Empty state com ilustração em SVG, banner inline fechável e snackbars de sucesso, erro e info. Tudo coeso com a paleta amarelo & grafite.
Não há ordens de serviço com esse filtro. Ajuste a busca ou registre uma nova ordem para começar.
Componentes que aparecem por cima da página — modal, drawer, tooltip, dropdown, popover e toast. Todos com armadilha de foco, ESC, clique-fora e suporte a prefers-reduced-motion.
Listagem operacional das OS em andamento. Cabeçalho fixo, linhas zebradas, hover na linha e status por badge. Colapsa em cards no mobile.
| Aparelho | Serviço | Status | |||
|---|---|---|---|---|---|
| #2026-0418 | Marina Alves | iPhone 13 | Troca de tela | Em reparo | R$ 690,00 |
| #2026-0417 | Diego Ramos | Galaxy S22 | Troca de bateria | Pronto | R$ 280,00 |
| #2026-0416 | Letícia Souza | Moto G84 | Conector de carga | Orçamento | R$ 190,00 |
| #2026-0415 | Rafael Lima | iPhone 11 | Troca de tela + película | Aguardando peça | R$ 540,00 |
| #2026-0414 | Camila Nunes | Redmi Note 12 | Limpeza + diagnóstico | Pronto | R$ 120,00 |
| #2026-0413 | Bruno Carvalho | iPhone XR | Troca de bateria | Cancelado | R$ 0,00 |
Técnicos com status online, nota dos clientes em estrelas e tabela de serviços com valor — os blocos de confiança da loja.
Equipe em atendimento agora
Nota geral (somente leitura)
Avalie seu reparo
Métricas do dia em destaque com número em Anton e variação, mais o progresso de diagnóstico em andamento.
Confiança + agilidade comunicadas com ícones de raio e garantia.
Reparos simples em até 60 minutos.
Todo serviço com garantia formal.
Componentes de qualidade comprovada.
Orçamento e status pelo WhatsApp.
Timeline com o mapa oficial de cores de status: recebido, orçamento, em reparo, pronto, cancelado.
Cards de produto com preço destacado e CTA de WhatsApp.
Componentes de venda da Pronto! — tabela de planos de reparo com garantia, depoimentos reais de clientes, FAQ acessível e comparativo direto com a concorrência. Amarelo só onde a decisão acontece.
Conserto rápido com peça compatível e garantia padrão.
O equilíbrio ideal: peça original e garantia estendida.
Reparo completo com o máximo de garantia e comodidade.
"Quebrei a tela do meu iPhone na sexta e domingo já estava usando de novo. Orçamento justo, peça original e ainda colaram a película de brinde. Resolveram mesmo."
"Meu celular não segurava carga nem meio dia. Fizeram a troca de bateria na hora, em menos de 2h, e deram garantia de 6 meses. Atendimento pelo WhatsApp foi nota 10."
"Achei que ia ter que comprar celular novo porque não carregava mais. Limparam o conector, trocaram a peça e ficou perfeito. Pagamento no Pix com desconto. Recomendo demais."
A maioria dos reparos (tela, bateria, conector) fica pronta no mesmo dia, em até 2 horas. Casos mais complexos como placa têm o prazo informado no orçamento, sempre via WhatsApp com o número da sua OS.
Todo conserto tem garantia mínima de 90 dias, que pode chegar a 1 ano nos planos Plus e Premium. A garantia cobre a peça trocada e o serviço — é só apresentar o número da OS para acionar.
Sim. Nos planos Plus e Premium usamos exclusivamente peças 100% originais e seladas. No plano Básico oferecemos peça compatível de alta qualidade, sempre testada antes da entrega. Você escolhe o que cabe no seu bolso.
Aceitamos Pix (com desconto à vista), dinheiro, débito e crédito em até 12x. O orçamento é sempre gratuito e sem compromisso — você só paga depois de aprovar o serviço.
| O que importa | Pronto! ⚡ recomendado |
Assistência comum |
|---|---|---|
| Preço justo e transparente | Sim | Taxas escondidas |
| Prazo de entrega | Em até 2h | 3 a 7 dias |
| Garantia | Até 1 ano | 30 dias |
| Peça 100% original | Sim | Não |
| Acompanhamento por WhatsApp | Sim | Não |
O logo funciona melhor sobre branco, amarelo ou grafite. Mantenha contraste e área de respiro. Nunca distorça nem aplique sobre fundo ruidoso.