via-heading-large

via-heading-small

Título H1

Título H2

Título H3

Título H4

Título .via-h1

Título .via-h2

Título .via-h3

Título .via-h4

Texto small (tag small)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Texto small (classe)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Texto normal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempus suscipit augue a feugiat. Maecenas pellentesque facilisis leo eleifend dignissim. Aenean posuere ultricies malesuada. Quisque ac augue tristique, luctus nunc in, suscipit risus. Duis condimentum in justo et pulvinar. Morbi lobortis, felis consequat commodo gravida, magna orci fermentum turpis, nec euismod risus sapien sit amet ante. Quisque orci nisl, suscipit et urna in, imperdiet dapibus ligula. Suspendisse eu quam non urna sodales tincidunt.

Texto largo (classe)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Texto light (200)(classe)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempus suscipit augue a feugiat. Maecenas pellentesque facilisis leo eleifend dignissim. Aenean posuere ultricies malesuada. Quisque ac augue tristique, luctus nunc in, suscipit risus. Duis condimentum in justo et pulvinar. Morbi lobortis, felis consequat commodo gravida, magna orci fermentum turpis, nec euismod risus sapien sit amet ante. Quisque orci nisl, suscipit et urna in, imperdiet dapibus ligula. Suspendisse eu quam non urna sodales tincidunt.

Texto Medium (500)(classe)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempus suscipit augue a feugiat. Maecenas pellentesque facilisis leo eleifend dignissim. Aenean posuere ultricies malesuada. Quisque ac augue tristique, luctus nunc in, suscipit risus. Duis condimentum in justo et pulvinar. Morbi lobortis, felis consequat commodo gravida, magna orci fermentum turpis, nec euismod risus sapien sit amet ante. Quisque orci nisl, suscipit et urna in, imperdiet dapibus ligula. Suspendisse eu quam non urna sodales tincidunt.

Texto Semi Bold (classe) (600)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempus suscipit augue a feugiat. Maecenas pellentesque facilisis leo eleifend dignissim. Aenean posuere ultricies malesuada. Quisque ac augue tristique, luctus nunc in, suscipit risus. Duis condimentum in justo et pulvinar. Morbi lobortis, felis consequat commodo gravida, magna orci fermentum turpis, nec euismod risus sapien sit amet ante. Quisque orci nisl, suscipit et urna in, imperdiet dapibus ligula. Suspendisse eu quam non urna sodales tincidunt.

Texto bold (classe) (700)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempus suscipit augue a feugiat. Maecenas pellentesque facilisis leo eleifend dignissim. Aenean posuere ultricies malesuada. Quisque ac augue tristique, luctus nunc in, suscipit risus. Duis condimentum in justo et pulvinar. Morbi lobortis, felis consequat commodo gravida, magna orci fermentum turpis, nec euismod risus sapien sit amet ante. Quisque orci nisl, suscipit et urna in, imperdiet dapibus ligula. Suspendisse eu quam non urna sodales tincidunt.

Texto Extra Bold (800) (classe)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempus suscipit augue a feugiat. Maecenas pellentesque facilisis leo eleifend dignissim. Aenean posuere ultricies malesuada. Quisque ac augue tristique, luctus nunc in, suscipit risus. Duis condimentum in justo et pulvinar. Morbi lobortis, felis consequat commodo gravida, magna orci fermentum turpis, nec euismod risus sapien sit amet ante. Quisque orci nisl, suscipit et urna in, imperdiet dapibus ligula. Suspendisse eu quam non urna sodales tincidunt.

Texto black (900) (classe)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempus suscipit augue a feugiat. Maecenas pellentesque facilisis leo eleifend dignissim. Aenean posuere ultricies malesuada. Quisque ac augue tristique, luctus nunc in, suscipit risus. Duis condimentum in justo et pulvinar. Morbi lobortis, felis consequat commodo gravida, magna orci fermentum turpis, nec euismod risus sapien sit amet ante. Quisque orci nisl, suscipit et urna in, imperdiet dapibus ligula. Suspendisse eu quam non urna sodales tincidunt.

Texto inline

Lorem ipsum dolor sit amet,

consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Texto Contrast
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Texto Primário
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Texto Secondário
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Vamos conversar?
Link block

Margin

Margin top

via-margin-xsmall-top
via-margin-small-top
via-margin-xmedium-top
via-margin-medium-top
via-margin-xlarge-top
via-margin-large-top

Margin bottom

via-margin-xsmall-bottom
via-margin-small-bottom
via-margin-xmedium-bottom
via-margin-medium-bottom
via-margin-xlarge-bottom
via-margin-large-bottom

Margin left

via-margin-xsmall-left
via-margin-small-left
via-margin-xmedium-left
via-margin-medium-left
via-margin-xlarge-left
via-margin-large-left

Margin right

via-margin-xsmall-right
via-margin-small-right
via-margin-xmedium-right
via-margin-medium-right
via-margin-xlarge-right
via-margin-large-right

Margin remove

via-margin-remove
via-margin-remove-top
via-margin-remove-left
via-margin-remove-right
via-margin-remove-bottom

Padding

Padding remove

via-padding-remove
via-padding-remove-top
via-padding-remove-left
via-padding-remove-right
via-padding-remove-bottom

Width

via-width-1-1

Xlarge

Width 1

via-width-xlarge-1-1

Width 2

via-width-xlarge-1-2

Width 3

via-width-xlarge-1-3
via-width-xlarge-2-3

Width 4

via-width-xlarge-1-4
via-width-xlarge-2-4
via-width-xlarge-3-4

Width 10

via-width-xlarge-1-10
via-width-xlarge-2-10
via-width-xlarge-3-10
via-width-xlarge-4-10
via-width-xlarge-5-10
via-width-xlarge-6-10
via-width-xlarge-7-10
via-width-xlarge-8-10
via-width-xlarge-9-10
via-width-xlarge-10-10

Large

Width 1

via-width-large-1-1

Width 2

via-width-large-1-2

Width 3

via-width-large-1-3
via-width-large-2-3

Width 4

via-width-large-1-4
via-width-large-2-4
via-width-large-3-4

Width 10

via-width-large-1-10
via-width-large-2-10
via-width-large-3-10
via-width-large-4-10
via-width-large-5-10
via-width-large-6-10
via-width-large-7-10
via-width-large-8-10
via-width-large-9-10
via-width-large-10-10

Medium

Width 1

via-width-medium-1-1

Width 2

via-width-medium-1-2

Width 3

via-width-medium-1-3
via-width-medium-2-3

Width 4

via-width-medium-1-4
via-width-medium-2-4
via-width-medium-3-4

Width 10

via-width-medium-1-10
via-width-medium-2-10
via-width-medium-3-10
via-width-medium-4-10
via-width-medium-5-10
via-width-medium-6-10
via-width-medium-7-10
via-width-medium-8-10
via-width-medium-9-10
via-width-medium-10-10

Align

via-align-left
via-align-right
via-align-center

Large

via-align-large-left
via-align-large-right
via-align-large-center

Medium

via-align-medium-left
via-align-medium-right
via-align-medium-center

Small

via-align-small-left
via-align-small-right
via-align-small-center

Text Align

via-text-center
via-text-right
via-text-left

Large

via-text-center-large
via-text-right-large
via-text-left-large

Medium

via-text-center-medium
via-text-right-medium
via-text-left-medium

Small

via-text-center-small
via-text-right-small
via-text-left-small

Flex

via-flex
via-flex-top
via-flex-right
via-flex-left
via-flex-bottom
via-flex-center
via-flex-middle
via-flex-space-between
via-flex-disable

Medium

via-flex-medium
via-flex-top-medium
via-flex-right-medium
via-flex-left-medium
via-flex-bottom-medium
via-flex-center-medium
via-flex-middle-medium
via-flex-disable-medium

Small

via-flex-small
via-flex-top-small
via-flex-right-small
via-flex-left-small
via-flex-bottom-small
via-flex-center-small
via-flex-middle-small
via-flex-disable-small

Visibilidade

via-hidden
via-hidden-small
via-hidden-large
via-hidden-xlarge

via-visible-small
via-visible-large
via-visible-xlarge

Position

via-position-relative
via-position-cover

Home

Banner interno

Home

Banner interno medium

Home

Banner interno small