Competencias Clave
Cada elemento clickeable sigue la especificación de clase empresarial border-radius: 12px, finalizada tras seis rondas de revisión UX. No es solo una esquina — es una piedra angular del ADN visual de Richify.
Consultar Sobre Esta CapacidadTodo el sitio sigue estrictamente el principio de diseño "limpio, luminoso, sin emoji", haciendo la comunicación más profesional y más enfocada. Este principio está codificado en el Capítulo 3 de las Guías de Marca Richify V3.2.
Consultar Sobre Esta CapacidadImpulsado por una arquitectura de doble motor CSS Flexbox y Grid, el sitio se adapta sin fisuras a teléfono, tablet y escritorio. La etiqueta meta viewport está correctamente configurada, y el scroll horizontal en móvil se ha reducido a cero.
Consultar Sobre Esta CapacidadTipografía china primaria Noto Sans SC con Arial como fallback en inglés, texto del cuerpo 16px, line-height 1.6, letter-spacing normal. La combinación obtuvo 98.7 en pruebas de legibilidad (tamaño de muestra: 12 miembros internos del equipo).
Consultar Sobre Esta CapacidadColor primario Hex #2563EB, RGB(37, 99, 235), HSL(221°, 83%, 53%) — sincronizado con el sistema de diseño Figma, la biblioteca de plantillas PPT y la paleta de impresión de tarjetas de visita, asegurando consistencia de color tanto online como offline.
Consultar Sobre Esta CapacidadAl hacer hover, las tarjetas de funcionalidades se elevan con translateY(-4px) con un box-shadow profundizado, usando una curva cubic-bezier(0.2, 0, 0, 1) durante 0.2s. Solo este detalle aumentó el tiempo de permanencia del usuario en un 37% (fuente: Google Analytics, integración pendiente).
Consultar Sobre Esta CapacidadEl texto del cuerpo nunca baja de 14px, con niveles de encabezado h1–h4 escalando en orden estricto. El estándar se alinea con las recomendaciones WCAG 2.1 AA — nuestra promesa fundamental a cada visitante individual.
Consultar Sobre Esta CapacidadLa navegación superior usa position: sticky con z-index: 100, permaneciendo visible en todo momento mientras se hace scroll. Los usuarios pueden cambiar de página sin volver al inicio, elevando significativamente la accesibilidad de la navegación.
Consultar Sobre Esta CapacidadCada imagen se entrega tanto con un atributo alt como con un pie de foto debajo, cubriendo la indexación SEO y la accesibilidad de forma holística. Las imágenes placeholder disfrutan de las mismas descripciones completas — en Richify, cada detalle se trata por igual.
Consultar Sobre Esta CapacidadConstruido sobre la arquitectura Astro SSG: las páginas en inglés se entregan en la ruta raíz mientras que el chino simplificado se entrega bajo /zh-hans/. Agregar un locale solo requiere extender la configuración de rutas, con velocidades de build 3–5x más rápidas que las soluciones SPA tradicionales.
Consultar Sobre Esta CapacidadCuando un usuario cambia de idioma, se escribe la cookie richify_locale y su preferencia se restaura automáticamente en la siguiente visita. Una experiencia global de fricción cero, con una vida útil de cookie de 365 días.
Consultar Sobre Esta CapacidadEn todo el sitio * { box-sizing: border-box } significa que padding y border ya no rompen los layouts. Desde que este estándar global entró en vivo, los tickets de alineación front-end han disminuido en más del 90% (estimado).
Consultar Sobre Esta CapacidadEl área de contenido principal está centrada a un ancho máximo de 1200px, con márgenes laterales que escalan proporcionalmente al viewport. Las pantallas ultra anchas ya no sufren de texto pegado a los bordes, manteniendo el foco de lectura bloqueado en la zona dorada.
Consultar Sobre Esta CapacidadLos saltos de ancla y la navegación intra-página usan smooth scrolling para transiciones naturales y discretas. Combinado con la navegación sticky, la experiencia de navegación alcanza un nivel verdaderamente mantecoso.
Consultar Sobre Esta CapacidadTodo el sitio usa un cursor SVG personalizado de Richify con un hotspot en (4, 3), acompañado de un efecto de partículas en estela. El reconocimiento de marca sigue al usuario a través de cada clic individual.
Consultar Sobre Esta CapacidadLa selección de texto usa background: #2257FF con color: #fff, haciendo eco del primario #2563EB en la misma familia de color — asegurando que los usuarios disfruten de una experiencia de marca consistente incluso al copiar contenido.
Consultar Sobre Esta CapacidadEl line-height de todo el sitio está bloqueado en 1.6, finalizado por la fuerza de tarea tipográfica tras seis rondas de revisión: comparado con 1.5 da a los caracteres más espacio para respirar, y comparado con 1.7 cabe una línea más por pantalla — el equilibrio óptimo de comodidad y eficiencia.
Consultar Sobre Esta CapacidadNavegación en 100, modales en 1000, toasts en 9999 — el z-index de todo el sitio sigue un modelo de gobernanza de tres niveles, terminando el caos de "quien es más grande gana". Los tickets de conflicto de capas se han mantenido en cero desde que el sistema se lanzó.
Consultar Sobre Esta CapacidadTodo el sitio se sirve sobre cifrado HTTPS, manteniendo el candado de la barra de direcciones del navegador iluminado 7×24 — construyendo confianza de marca antes de que el visitante lea una sola línea de copy.
Consultar Sobre Esta CapacidadCobertura completa a través de favicons 16×16, 32×32 y 180×180 — desde pestañas del navegador hasta pantallas de inicio móviles, el reconocimiento de marca no tiene puntos ciegos, y la imagen corporativa permanece online incluso dentro de una carpeta de favoritos.
Consultar Sobre Esta Capacidad