Colores

Primario
Secundario
Gris
Neutro
Stone
  • 50
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 50
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 50
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 50
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 50
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

Colores semanticos

Info
  • 500
  • 600
  • 100
Advertencia
  • 500
  • 600
  • 100
Peligro
  • 500
  • 600
  • 100
Concluído
  • 500
  • 600
  • 100

Tipografía

  • text-9xl

    Lorem ipsum dolor sit amet
  • text-8xl

    Lorem ipsum dolor sit amet
  • text-7xl

    Lorem ipsum dolor sit amet
  • text-6xl
    Lorem ipsum dolor sit amet
  • text-5xl
    Lorem ipsum dolor sit amet
  • text-4xl
    Lorem ipsum dolor sit amet
  • text-3xl
    Lorem ipsum dolor sit amet
  • text-2xl
    Lorem ipsum dolor sit amet
  • text-xl
    Lorem ipsum dolor sit amet
  • text-lg
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a tristique sem. Curabitur viverra vulputa.
  • text-base
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a tristique sem. Curabitur viverra vulputa.
  • text-sm
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a tristique sem. Curabitur viverra vulputa.
  • text-xs
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a tristique sem. Curabitur viverra vulputa.

Heading type 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor egestas dolor in scelerisque. Proin ultrices dignissim lorem a molestie. Nulla malesuada mauris eu sem porttitor, quis rhoncus augue cursus. Integer sed sodales elit. Nam hendrerit vestibulum dictum. In finibus risus ut urna iaculis placerat id vel diam. Fusce mattis nunc at dolor porttitor tempus. Aliquam erat volutpat. Suspendisse sagittis vulputate dolor, non finibus magna. Quisque placerat finibus ipsum sit amet varius. Vestibulum vel aliquam velit, id facilisis quam. Maecenas porta ipsum at commodo rhoncus.

Heading type 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor egestas dolor in scelerisque. Proin ultrices dignissim lorem a molestie. Nulla malesuada mauris eu sem porttitor, quis rhoncus augue cursus. Integer sed sodales elit. Nam hendrerit vestibulum dictum. In finibus risus ut urna iaculis placerat id vel diam. Fusce mattis nunc at dolor porttitor tempus. Aliquam erat volutpat. Suspendisse sagittis vulputate dolor, non finibus magna. Quisque placerat finibus ipsum sit amet varius. Vestibulum vel aliquam velit, id facilisis quam. Maecenas porta ipsum at commodo rhoncus.

Heading type 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor egestas dolor in scelerisque. Proin ultrices dignissim lorem a molestie. Nulla malesuada mauris eu sem porttitor, quis rhoncus augue cursus. Integer sed sodales elit. Nam hendrerit vestibulum dictum. In finibus risus ut urna iaculis placerat id vel diam. Fusce mattis nunc at dolor porttitor tempus. Aliquam erat volutpat. Suspendisse sagittis vulputate dolor, non finibus magna. Quisque placerat finibus ipsum sit amet varius. Vestibulum vel aliquam velit, id facilisis quam. Maecenas porta ipsum at commodo rhoncus.

Heading type 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor egestas dolor in scelerisque. Proin ultrices dignissim lorem a molestie. Nulla malesuada mauris eu sem porttitor, quis rhoncus augue cursus. Integer sed sodales elit. Nam hendrerit vestibulum dictum. In finibus risus ut urna iaculis placerat id vel diam. Fusce mattis nunc at dolor porttitor tempus. Aliquam erat volutpat. Suspendisse sagittis vulputate dolor, non finibus magna. Quisque placerat finibus ipsum sit amet varius. Vestibulum vel aliquam velit, id facilisis quam. Maecenas porta ipsum at commodo rhoncus.
Heading type 5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor egestas dolor in scelerisque. Proin ultrices dignissim lorem a molestie. Nulla malesuada mauris eu sem porttitor, quis rhoncus augue cursus. Integer sed sodales elit. Nam hendrerit vestibulum dictum. In finibus risus ut urna iaculis placerat id vel diam. Fusce mattis nunc at dolor porttitor tempus. Aliquam erat volutpat. Suspendisse sagittis vulputate dolor, non finibus magna. Quisque placerat finibus ipsum sit amet varius. Vestibulum vel aliquam velit, id facilisis quam. Maecenas porta ipsum at commodo rhoncus.
Heading type 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor egestas dolor in scelerisque. Proin ultrices dignissim lorem a molestie. Nulla malesuada mauris eu sem porttitor, quis rhoncus augue cursus. Integer sed sodales elit. Nam hendrerit vestibulum dictum.

Formularios

Casilla de verificación
Radio

Botones

Sombras

shadow-sm
shadow
shadow-md
shadow-lg
shadow-xl
shadow-2xl
shadow-inner

Bordes redondeados

rounded
rounded-md
rounded-lg
rounded-xl
rounded-2xl
rounded-3xl
rounded-full