Typography

Colors

bg-prime-blue #4a6ead
bg-light-blue #5bd2ec
bg-light-black #333333
bg-nude-red #d9534f
bg-green-bord #0ba50b
bg-ground-white #f8f8f8
bg-nude-yellow #f9ca1f
bg-b-color #edf4f9
bg-prime-gr #eeeeee
bg-light-grey #c2c2c2
bg-light-green #92d213
bg-pego-blue #64748b
bg-ic-blue #60a5fa
bg-doger-blue #475569

Titles & Paragraphs

H1 title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque cursus orci, id lobortis ex feugiat eu. Maecenas nec ex et neque congue vestibulum. Proin dui mauris, laoreet quis sapien nec, dictum tincidunt odio. Etiam in metus eu erat congue aliquam. In maximus tortor augue. Cras in leo accumsan, condimentum nisi a, sagittis nisl. Sed lacus nibh, ultrices nec interdum eget, porta id eros. Aliquam erat volutpat. Sed auctor, enim facilisis consequat accumsan, orci ipsum ornare dui, et luctus enim tellus ac nibh.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque cursus orci, id lobortis ex feugiat eu. Maecenas nec ex et neque congue vestibulum. Proin dui mauris, laoreet quis sapien nec, dictum tincidunt odio. Etiam in metus eu erat congue aliquam. In maximus tortor augue. Cras in leo accumsan, condimentum nisi a, sagittis nisl. Sed lacus nibh, ultrices nec interdum eget, porta id eros. Aliquam erat volutpat. Sed auctor, enim facilisis consequat accumsan, orci ipsum ornare dui, et luctus enim tellus ac nibh.

text-40px

H2 title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque cursus orci, id lobortis ex feugiat eu. Maecenas nec ex et neque congue vestibulum. Proin dui mauris, laoreet quis sapien nec, dictum tincidunt odio. Etiam in metus eu erat congue aliquam. In maximus tortor augue. Cras in leo accumsan, condimentum nisi a, sagittis nisl. Sed lacus nibh, ultrices nec interdum eget, porta id eros. Aliquam erat volutpat. Sed auctor, enim facilisis consequat accumsan, orci ipsum ornare dui, et luctus enim tellus ac nibh.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque cursus orci, id lobortis ex feugiat eu. Maecenas nec ex et neque congue vestibulum. Proin dui mauris, laoreet quis sapien nec, dictum tincidunt odio. Etiam in metus eu erat congue aliquam. In maximus tortor augue. Cras in leo accumsan, condimentum nisi a, sagittis nisl. Sed lacus nibh, ultrices nec interdum eget, porta id eros. Aliquam erat volutpat. Sed auctor, enim facilisis consequat accumsan, orci ipsum ornare dui, et luctus enim tellus ac nibh.

text-28px

H3 title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque cursus orci, id lobortis ex feugiat eu. Maecenas nec ex et neque congue vestibulum. Proin dui mauris, laoreet quis sapien nec, dictum tincidunt odio. Etiam in metus eu erat congue aliquam. In maximus tortor augue. Cras in leo accumsan, condimentum nisi a, sagittis nisl. Sed lacus nibh, ultrices nec interdum eget, porta id eros. Aliquam erat volutpat. Sed auctor, enim facilisis consequat accumsan, orci ipsum ornare dui, et luctus enim tellus ac nibh.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque cursus orci, id lobortis ex feugiat eu. Maecenas nec ex et neque congue vestibulum. Proin dui mauris, laoreet quis sapien nec, dictum tincidunt odio. Etiam in metus eu erat congue aliquam. In maximus tortor augue. Cras in leo accumsan, condimentum nisi a, sagittis nisl. Sed lacus nibh, ultrices nec interdum eget, porta id eros. Aliquam erat volutpat. Sed auctor, enim facilisis consequat accumsan, orci ipsum ornare dui, et luctus enim tellus ac nibh.

text-26px

H4 title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque cursus orci, id lobortis ex feugiat eu. Maecenas nec ex et neque congue vestibulum. Proin dui mauris, laoreet quis sapien nec, dictum tincidunt odio. Etiam in metus eu erat congue aliquam. In maximus tortor augue. Cras in leo accumsan, condimentum nisi a, sagittis nisl. Sed lacus nibh, ultrices nec interdum eget, porta id eros. Aliquam erat volutpat. Sed auctor, enim facilisis consequat accumsan, orci ipsum ornare dui, et luctus enim tellus ac nibh.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque cursus orci, id lobortis ex feugiat eu. Maecenas nec ex et neque congue vestibulum. Proin dui mauris, laoreet quis sapien nec, dictum tincidunt odio. Etiam in metus eu erat congue aliquam. In maximus tortor augue. Cras in leo accumsan, condimentum nisi a, sagittis nisl. Sed lacus nibh, ultrices nec interdum eget, porta id eros. Aliquam erat volutpat. Sed auctor, enim facilisis consequat accumsan, orci ipsum ornare dui, et luctus enim tellus ac nibh.

text-24px
H5 title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque cursus orci, id lobortis ex feugiat eu. Maecenas nec ex et neque congue vestibulum. Proin dui mauris, laoreet quis sapien nec, dictum tincidunt odio. Etiam in metus eu erat congue aliquam. In maximus tortor augue. Cras in leo accumsan, condimentum nisi a, sagittis nisl. Sed lacus nibh, ultrices nec interdum eget, porta id eros. Aliquam erat volutpat. Sed auctor, enim facilisis consequat accumsan, orci ipsum ornare dui, et luctus enim tellus ac nibh.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque cursus orci, id lobortis ex feugiat eu. Maecenas nec ex et neque congue vestibulum. Proin dui mauris, laoreet quis sapien nec, dictum tincidunt odio. Etiam in metus eu erat congue aliquam. In maximus tortor augue. Cras in leo accumsan, condimentum nisi a, sagittis nisl. Sed lacus nibh, ultrices nec interdum eget, porta id eros. Aliquam erat volutpat. Sed auctor, enim facilisis consequat accumsan, orci ipsum ornare dui, et luctus enim tellus ac nibh.

text-20px
H6 title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque cursus orci, id lobortis ex feugiat eu. Maecenas nec ex et neque congue vestibulum. Proin dui mauris, laoreet quis sapien nec, dictum tincidunt odio. Etiam in metus eu erat congue aliquam. In maximus tortor augue. Cras in leo accumsan, condimentum nisi a, sagittis nisl. Sed lacus nibh, ultrices nec interdum eget, porta id eros. Aliquam erat volutpat. Sed auctor, enim facilisis consequat accumsan, orci ipsum ornare dui, et luctus enim tellus ac nibh.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque cursus orci, id lobortis ex feugiat eu. Maecenas nec ex et neque congue vestibulum. Proin dui mauris, laoreet quis sapien nec, dictum tincidunt odio. Etiam in metus eu erat congue aliquam. In maximus tortor augue. Cras in leo accumsan, condimentum nisi a, sagittis nisl. Sed lacus nibh, ultrices nec interdum eget, porta id eros. Aliquam erat volutpat. Sed auctor, enim facilisis consequat accumsan, orci ipsum ornare dui, et luctus enim tellus ac nibh.

text-18px
This is Strong-tag TEXT-19PX :Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries

This is P-tag TEXT-14PX : Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries

This is Span-tag TEXT-16PX : Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries

Buttons

This is Btn Buttons
Primary Buttons
Checkout
Secondary Buttons

Forms



whatsappp