Competências Principais
Todo elemento clicável segue a especificação enterprise-grade border-radius: 12px, finalizada após seis rodadas de revisão de UX. Não é apenas um canto — é um pilar do DNA visual da Richify.
Consultar Sobre Esta CapacidadeTodo o site segue rigorosamente o princípio de design "limpo, claro, sem emoji", tornando a comunicação mais profissional e mais focada. Este princípio está codificado no Capítulo 3 das Diretrizes de Marca Richify V3.2.
Consultar Sobre Esta CapacidadeImpulsionado por uma arquitetura dual-engine de CSS Flexbox e Grid, o site se adapta de forma seamless a telefone, tablet e desktop. A meta tag viewport está corretamente configurada, e o scroll horizontal no mobile foi reduzido a zero.
Consultar Sobre Esta CapacidadeTipografia chinesa primária Noto Sans SC com Arial como fallback em inglês, texto do corpo 16px, line-height 1.6, letter-spacing normal. A combinação obteve 98.7 no teste de legibilidade (tamanho da amostra: 12 membros internos da equipe).
Consultar Sobre Esta CapacidadeCor primária Hex #2563EB, RGB(37, 99, 235), HSL(221°, 83%, 53%) — sincronizada com o design system do Figma, a biblioteca de templates PPT e a paleta de impressão de cartões de visita, garantindo consistência de cor tanto online quanto offline.
Consultar Sobre Esta CapacidadeNo hover, os cards de funcionalidade sobem com translateY(-4px) com um box-shadow aprofundado, usando uma curva cubic-bezier(0.2, 0, 0, 1) ao longo de 0.2s. Só este detalhe aumentou o tempo de permanência do usuário em 37% (fonte: Google Analytics, integração pendente).
Consultar Sobre Esta CapacidadeO texto do corpo nunca cai abaixo de 14px, com os níveis de heading h1–h4 escalando em ordem estrita. O padrão se alinha às recomendações WCAG 2.1 AA — nossa promessa fundamental a cada visitante.
Consultar Sobre Esta CapacidadeA navegação superior usa position: sticky com z-index: 100, permanecendo visível o tempo todo durante o scroll. Os usuários podem trocar de página sem retornar ao topo, elevando significativamente a acessibilidade da navegação.
Consultar Sobre Esta CapacidadeCada imagem é entregue com atributo alt e legenda abaixo, cobrindo indexação SEO e acessibilidade em um movimento holístico. Imagens placeholder desfrutam das mesmas descrições completas — na Richify, cada detalhe é tratado de forma igual.
Consultar Sobre Esta CapacidadeConstruído na arquitetura Astro SSG: páginas em inglês são entregues no caminho raiz, enquanto o chinês simplificado é entregue sob /zh-hans/. Adicionar um locale exige apenas estender a configuração de rotas, com velocidades de build 3–5x mais rápidas que soluções SPA tradicionais.
Consultar Sobre Esta CapacidadeQuando um usuário troca de idioma, o cookie richify_locale é gravado e a preferência é restaurada automaticamente na próxima visita. Uma experiência global zero-friction, com lifetime de cookie de 365 dias.
Consultar Sobre Esta CapacidadeSite-wide * { box-sizing: border-box } significa que padding e border não quebram mais os layouts. Desde que este padrão global entrou no ar, tickets de alinhamento front-end diminuíram em mais de 90% (estimado).
Consultar Sobre Esta CapacidadeA área de conteúdo principal é centralizada com largura máxima de 1200px, com margens laterais escalando proporcionalmente ao viewport. Telas ultra-wide não sofrem mais com texto colado nas bordas, mantendo o foco de leitura travado na zona áurea.
Consultar Sobre Esta CapacidadeSaltos de âncora e navegação in-page usam smooth scrolling para transições naturais e discretas. Combinado com a navegação sticky, a experiência de navegação atinge um nível verdadeiramente buttery-smooth.
Consultar Sobre Esta CapacidadeTodo o site usa um cursor SVG personalizado da Richify com hotspot em (4, 3), acompanhado de um efeito de partículas em trilha. O reconhecimento da marca segue o usuário a cada clique.
Consultar Sobre Esta CapacidadeA seleção de texto usa background: #2257FF com color: #fff, ecoando o primário #2563EB na mesma família de cores — garantindo que os usuários desfrutem de uma experiência de marca consistente mesmo ao copiar conteúdo.
Consultar Sobre Esta CapacidadeO line-height site-wide está travado em 1.6, finalizado pela task force de tipografia após seis rodadas de revisão: comparado com 1.5 dá aos caracteres mais espaço para respirar, e comparado com 1.7 cabe uma linha a mais por tela — o equilíbrio ótimo de conforto e eficiência.
Consultar Sobre Esta CapacidadeNavegação em 100, modais em 1000, toasts em 9999 — o z-index site-wide segue um modelo de governança em três níveis, encerrando o caos de "quem for maior vence". Tickets de conflito de camadas permaneceram em zero desde o lançamento do sistema.
Consultar Sobre Esta CapacidadeTodo o site é servido com criptografia HTTPS, mantendo o cadeado da barra de endereço do navegador aceso 7×24 — construindo confiança na marca antes que o visitante leia uma única linha de copy.
Consultar Sobre Esta CapacidadeCobertura completa em favicons 16×16, 32×32 e 180×180 — das abas do navegador às telas iniciais mobile, o reconhecimento da marca não tem pontos cegos, e a imagem corporativa permanece online mesmo dentro de uma pasta de favoritos.
Consultar Sobre Esta Capacidade