Aventon Design Guide
Typography
Poppins
- text-xs
- text-sm
- text-base
- text-lg
- text-xl
- text-2xl
- text-3xl
- text-4xl
- text-5xl
- text-6xl
- text-7xl
- text-8xl
- text-9xl
Open Sans
- text-xs
- text-sm
- text-base
- text-lg
- text-xl
- text-2xl
- text-3xl
- text-4xl
- text-5xl
- text-6xl
- text-7xl
- text-8xl
- text-9xl
Open Sans Condensed
- text-xs
- text-sm
- text-base
- text-lg
- text-xl
- text-2xl
- text-3xl
- text-4xl
- text-5xl
- text-6xl
- text-7xl
- text-8xl
- text-9xl
Colors
Primary
- 900
- 800
- 700
- 600
- 500
- 400
- 300
- 200
- 100
- 50
Red
- 900
- 800
- 700
- 600
- 500
- 400
- 300
- 200
- 100
- 50
Grey
- 900
- 800
- 700
- 600
- 500
- 400
- 300
- 200
- 100
- 50
Blue
- 900
- 800
- 700
- 600
- 500
- 400
- 300
- 200
- 100
- 50
Green
- 900
- 800
- 700
- 600
- 500
- 400
- 300
- 200
- 100
- 50
Yellow
- 900
- 800
- 700
- 600
- 500
- 400
- 300
- 200
- 100
- 50
Teal
- 900
- 800
- 700
- 600
- 500
- 400
- 300
- 200
- 100
- 50
Grid System
Buttons
Universal Modal
h1 Title
Welcome to our store
This is an h3
Smaller title
Lorem ipsum odor amet, consectetuer adipiscing elit. Vel mus pretium euismod nisi gravida mus morbi amet nec. Sollicitudin maecenas tempor; massa dis metus donec. Tortor nisl molestie pharetra id amet elementum ligula augue. Fames eget augue lacus habitant posuere etiam pellentesque non. Facilisis posuere senectus rutrum suscipit malesuada. Conubia venenatis non himenaeos massa sed nam. Neque penatibus potenti aliquet ac tempor quisque egestas velit. In aptent volutpat aptent metus molestie donec non. Natoque rhoncus velit lobortis euismod netus elementum parturient praesent.
Scelerisque luctus tincidunt interdum velit sapien; libero egestas venenatis amet. Parturient mattis mi aliquet arcu mus felis. Natoque nisl ac nunc parturient montes vivamus. Posuere pharetra accumsan curabitur erat curae ipsum conubia justo. Tincidunt bibendum conubia pulvinar etiam suspendisse aliquet phasellus. Nibh dictum quis sociosqu posuere turpis consequat. Ornare velit molestie ullamcorper blandit nostra cubilia class. Mattis nunc faucibus malesuada quam praesent elementum luctus adipiscing.
Nullam sociosqu quis, ac feugiat pretium tortor eleifend dolor. Sodales efficitur auctor cras congue est semper metus. Ut quisque mi lacus ornare tempus consequat. Ullamcorper cras risus ac cubilia ante netus phasellus integer. Lacus duis tempor curabitur elit dignissim ullamcorper eu proin porta. Id tortor enim augue facilisi fusce. Mauris ultricies felis nisi fames ligula dictumst ad. Egestas mus fames felis commodo nunc. Eros nullam primis per maximus odio.
Iaculis diam sed vehicula ultrices fames mattis consequat convallis. Morbi viverra ultrices blandit quis semper himenaeos cursus. Conubia torquent lobortis primis; dapibus tortor a. Penatibus iaculis fermentum convallis lacus quis parturient. Tellus mollis dictumst lorem vivamus id scelerisque porta. Sed bibendum interdum erat sapien sagittis semper aenean tellus suscipit. Vehicula sagittis at conubia mi efficitur arcu, orci felis elit. Nisl faucibus fames taciti lectus congue. Enim donec nostra facilisi; volutpat vel tortor feugiat nisi.
Leo pretium risus ac habitant massa. Potenti nam curabitur nisi duis montes litora habitasse. Rutrum accumsan ullamcorper amet adipiscing egestas urna sit. Tincidunt finibus sem netus mollis lacus, rutrum vehicula. Morbi lobortis pellentesque purus efficitur in maecenas tincidunt lobortis. Magnis arcu lacinia proin fames senectus vivamus morbi. Inceptos sed nullam commodo facilisis habitant conubia. Vivamus pellentesque ultrices viverra mauris aenean neque id maximus. Ac nunc egestas parturient quam convallis eu accumsan aenean.
Nascetur quam morbi; penatibus tempor magnis euismod nisi. Vel proin dui luctus; praesent urna habitasse lacinia ante. Dapibus curabitur sociosqu maecenas posuere primis. Ullamcorper nisl massa nisi per dapibus dolor. Conubia donec torquent himenaeos viverra leo ultrices. Tempus nec posuere; elit accumsan primis himenaeos. Maecenas vivamus iaculis eleifend; hendrerit platea est. Dictumst commodo maecenas; sollicitudin vivamus conubia commodo?
Interdum varius purus consectetur semper habitasse potenti auctor. Accumsan montes donec senectus inceptos adipiscing in porta. Diam pharetra maecenas nulla hac sollicitudin id luctus. Luctus pulvinar non sagittis interdum dolor ac. Hendrerit mattis aliquet et nam habitant cubilia. Ex iaculis finibus morbi mattis facilisi risus? Quisque porta penatibus sagittis eleifend cras enim. Mus aptent per et efficitur dapibus nulla condimentum ultrices.
Est velit blandit sollicitudin porttitor cras. Auctor dis aenean penatibus curae ex finibus potenti. Nostra est dui blandit condimentum libero. Praesent magna molestie ridiculus duis justo efficitur at euismod. Bibendum aliquet euismod diam odio lectus ultricies. Curae dolor maximus libero neque conubia; erat torquent.
Justo hendrerit suscipit mattis maecenas primis leo metus sollicitudin quisque. Elementum ut nascetur ullamcorper sollicitudin congue dui lorem risus. Bibendum magnis aliquet massa orci eget elit quis lectus lobortis. Parturient vehicula lacinia porta in egestas dignissim convallis elit. Sagittis pulvinar vulputate commodo dignissim, commodo rhoncus montes. Ridiculus sociosqu dolor hac non massa. Euismod dictum non montes ipsum consectetur elit quam. Aaliquam aliquet lacinia inceptos cras vehicula mus phasellus. Nulla placerat nulla habitasse sed convallis praesent posuere potenti.
Dis accumsan habitant potenti vehicula arcu odio sit egestas ante. Praesent donec faucibus tincidunt suscipit in. Condimentum ad lacus justo leo phasellus sem. Scelerisque molestie inceptos in curabitur vestibulum. Sapien tristique ultricies et rhoncus ex volutpat nostra. Elementum ligula efficitur finibus lacus ultricies convallis ullamcorper venenatis. Potenti morbi ullamcorper etiam; mi rhoncus pulvinar pretium tristique! Litora nulla fermentum nec tellus blandit nisl; vulputate conubia. Inceptos accumsan habitant parturient lacus donec neque accumsan.
Welcome to our store
Lorem ipsum odor amet, consectetuer adipiscing elit. Vel mus pretium euismod nisi gravida mus morbi amet nec. Sollicitudin maecenas tempor; massa dis metus donec. Tortor nisl molestie pharetra id amet elementum ligula augue. Fames eget augue lacus habitant posuere etiam pellentesque non. Facilisis posuere senectus rutrum suscipit malesuada. Conubia venenatis non himenaeos massa sed nam. Neque penatibus potenti aliquet ac tempor quisque egestas velit. In aptent volutpat aptent metus molestie donec non. Natoque rhoncus velit lobortis euismod netus elementum parturient praesent.
Scelerisque luctus tincidunt interdum velit sapien; libero egestas venenatis amet. Parturient mattis mi aliquet arcu mus felis. Natoque nisl ac nunc parturient montes vivamus. Posuere pharetra accumsan curabitur erat curae ipsum conubia justo. Tincidunt bibendum conubia pulvinar etiam suspendisse aliquet phasellus. Nibh dictum quis sociosqu posuere turpis consequat. Ornare velit molestie ullamcorper blandit nostra cubilia class. Mattis nunc faucibus malesuada quam praesent elementum luctus adipiscing.
Nullam sociosqu quis, ac feugiat pretium tortor eleifend dolor. Sodales efficitur auctor cras congue est semper metus. Ut quisque mi lacus ornare tempus consequat. Ullamcorper cras risus ac cubilia ante netus phasellus integer. Lacus duis tempor curabitur elit dignissim ullamcorper eu proin porta. Id tortor enim augue facilisi fusce. Mauris ultricies felis nisi fames ligula dictumst ad. Egestas mus fames felis commodo nunc. Eros nullam primis per maximus odio.
Iaculis diam sed vehicula ultrices fames mattis consequat convallis. Morbi viverra ultrices blandit quis semper himenaeos cursus. Conubia torquent lobortis primis; dapibus tortor a. Penatibus iaculis fermentum convallis lacus quis parturient. Tellus mollis dictumst lorem vivamus id scelerisque porta. Sed bibendum interdum erat sapien sagittis semper aenean tellus suscipit. Vehicula sagittis at conubia mi efficitur arcu, orci felis elit. Nisl faucibus fames taciti lectus congue. Enim donec nostra facilisi; volutpat vel tortor feugiat nisi.
Leo pretium risus ac habitant massa. Potenti nam curabitur nisi duis montes litora habitasse. Rutrum accumsan ullamcorper amet adipiscing egestas urna sit. Tincidunt finibus sem netus mollis lacus, rutrum vehicula. Morbi lobortis pellentesque purus efficitur in maecenas tincidunt lobortis. Magnis arcu lacinia proin fames senectus vivamus morbi. Inceptos sed nullam commodo facilisis habitant conubia. Vivamus pellentesque ultrices viverra mauris aenean neque id maximus. Ac nunc egestas parturient quam convallis eu accumsan aenean.
Nascetur quam morbi; penatibus tempor magnis euismod nisi. Vel proin dui luctus; praesent urna habitasse lacinia ante. Dapibus curabitur sociosqu maecenas posuere primis. Ullamcorper nisl massa nisi per dapibus dolor. Conubia donec torquent himenaeos viverra leo ultrices. Tempus nec posuere; elit accumsan primis himenaeos. Maecenas vivamus iaculis eleifend; hendrerit platea est. Dictumst commodo maecenas; sollicitudin vivamus conubia commodo?
Interdum varius purus consectetur semper habitasse potenti auctor. Accumsan montes donec senectus inceptos adipiscing in porta. Diam pharetra maecenas nulla hac sollicitudin id luctus. Luctus pulvinar non sagittis interdum dolor ac. Hendrerit mattis aliquet et nam habitant cubilia. Ex iaculis finibus morbi mattis facilisi risus? Quisque porta penatibus sagittis eleifend cras enim. Mus aptent per et efficitur dapibus nulla condimentum ultrices.
Est velit blandit sollicitudin porttitor cras. Auctor dis aenean penatibus curae ex finibus potenti. Nostra est dui blandit condimentum libero. Praesent magna molestie ridiculus duis justo efficitur at euismod. Bibendum aliquet euismod diam odio lectus ultricies. Curae dolor maximus libero neque conubia; erat torquent.
Justo hendrerit suscipit mattis maecenas primis leo metus sollicitudin quisque. Elementum ut nascetur ullamcorper sollicitudin congue dui lorem risus. Bibendum magnis aliquet massa orci eget elit quis lectus lobortis. Parturient vehicula lacinia porta in egestas dignissim convallis elit. Sagittis pulvinar vulputate commodo dignissim, commodo rhoncus montes. Ridiculus sociosqu dolor hac non massa. Euismod dictum non montes ipsum consectetur elit quam. Aaliquam aliquet lacinia inceptos cras vehicula mus phasellus. Nulla placerat nulla habitasse sed convallis praesent posuere potenti.
Dis accumsan habitant potenti vehicula arcu odio sit egestas ante. Praesent donec faucibus tincidunt suscipit in. Condimentum ad lacus justo leo phasellus sem. Scelerisque molestie inceptos in curabitur vestibulum. Sapien tristique ultricies et rhoncus ex volutpat nostra. Elementum ligula efficitur finibus lacus ultricies convallis ullamcorper venenatis. Potenti morbi ullamcorper etiam; mi rhoncus pulvinar pretium tristique! Litora nulla fermentum nec tellus blandit nisl; vulputate conubia. Inceptos accumsan habitant parturient lacus donec neque accumsan.