Paleta de colores

bg-primary

bg-secondary

bg-blue-500

bg-emerald-500

¿Cómo funciona?

/* Ejemplo de implementación en CSS */
:root {
  --primary: 24 24 27; /* Zinc-900 */
  --secondary: 255 255 255;
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary: 255 255 255;
    --secondary: 9 9 11; /* Zinc-950 */
  }
}

Tipografía (Onest)

text-4xl font-bold

El futuro es hoy

text-2xl font-semibold

Educación y tecnología

text-lg font-medium

Acompañamos equipos de trabajo

text-base text-primary/80 font-normal

Párrafo de lectura general. Es tiempo de potenciar aquello que ayude a despertar cambios positivos en nuestros modos de vivir y conocer realidades.

Botones

Con props + iconos

Contenedores

Carta de Demostración

Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae delectus cumque est voluptatum fuga atque voluptas, nisi iste architecto ex quam maiores odio rem odit fugit facilis eaque laudantium temporibus dolore qui, saepe dolorum excepturi! Maxime ea nesciunt voluptate deleniti voluptatem reiciendis quas, fuga non?