Título XL
Título L
Título M
Título S
Subheader
Texto L. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit.
Texto M. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit.
Texto S. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit.
Legales. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit. Lorem ipsum odor amet, consectetuer adipiscing elit.
Botón L
Botón M
Botón S
Haz clic aquí
Haz clic aquí
Haz clic aquí
Haz clic aquí
Haz clic aquí
Haz clic aquí
Haz clic aquí
Haz clic aquí
Haz clic aquí
Haz clic aquí
Haz clic aquí
Haz clic aquí
#608368
#47694F
#F7AC32
#FFB946
#FFF8F8
#EDE9E1
#E0D2CA
#000000
XS Container 2.5 REM up - down | 1.25 left - right
Small Container 3.75 REM up - down | 1.25 left - right
Medium Container 5 REM up - down | 1.25 left - right
Large Container 6.25 REM up - down | 1.25 left - right
Add 5.375 REM with header above
XL Large Container 8.75 REM up - down | 1.25 left - right
Add 5.375 REM with header above
Large Container
  • Desktop: 80 rem.
  • Notebook: 70 rem.
  • Padding Top - Down: 100px Large | 80px Medium | 60px Small.
  • Padding Left - Right: 20px.
  • Row Gap: 40px Large | 20px small. Mobile: 60px Large | 40px Medium | 20px Small.
  • Column Gap: 20px.
  • Border Radius: 20px
Mid Size Container
  • Desktop: 53 rem.
  • Notebook: 46 rem.
  • Padding Top - Down: 100px Large | 80px Medium | 60px Small.
  • Padding Left - Right: 20px.
  • Row Gap: 40px Large | 20px small. Mobile: 60px Large | 40px Medium | 20px Small.
  • Column Gap: 20px.
  • Border Radius: 20px
Imágenes
  • Border Radius: 20px | Mobile 12px
  • Box Shadow: 0 10 40 -4 | rgba(0, 0, 0, 0.5)