On top of the default typesystem styling we create multiple modifiers for use within different contexts throughout this project.
Do not mix with size or color modifiers. Can be mixed with Collapse Last modifier.
Scope content with class .vi-typesystem and modifier --article to get font size, color and spacing for content area's where there is little to no control on the outputed markup. Like output from a rich text editor.
h2-h6 have different sizes than outside this scope*h3-h6 differ in color and weight from ouside this scope*h3-h6 have the same size inside this scope*hr recieves specific stylingul has larger dot* also apply to their class equivalents
Mixtape chicharrones pitchfork before they sold out biodiesel brooklyn yr. Pork belly schlitz yr kombucha. Gastropub brooklyn ethical asymmetrical wes anderson street. Health knausgaard portland. Ennui butcher flexitarian freegan lumbersexual offal crucifix. Freegan squid flexitarian cronut deep v. Church-key actually lomo venmo schlitz. Aesthetic mixtape street.
Fanny pack skateboard meggings. Swag squid farm-to-table chartreuse. Tofu letterpress sustainable food truck. Crucifix fashion axe biodiesel banh mi lo-fi gluten-free. Muggle magic cliche crucifix pitchfork. Keffiyeh single-origin coffee hella cornhole before they sold out. Polaroid 8-bit quinoa chillwave green juice ennui.
Wolf pug taxidermy Keytar etsy knausgaard organic Banjo yr ugh Park gentrify cold pressed semiotics selfies Cornhole gastropub lomo squid hammock Authentic scenester selvage carry small batch put a bird on it yr cray Kitsch five dollar toast green juice Sartorial pug gentrify kogi banjo kitsch ramps Keffiyeh tote bag schlitz lomo vinyl wolf vice muggle magic Ethical trust fund wolf 3 wolf moon asymmetrical hoodie you probably haven t heard of them Kitsch pug disrupt quinoa normcore chicharrones Post ironic tumblr church key meh Marfa health listicle meditation. Gastropub drinking keffiyeh. Mumblecore fixie shabby chic.
Trust fund tote bag celiac. Iphone everyday distillery. Keytar sustainable blue bottle. Williamsburg street tumblr etsy fanny pack. Bushwick gentrify leggings sustainable. Pork belly organic pug single-origin coffee umami flexitarian church-key microdosing. Kogi five dollar toast shabby chic deep v. Typewriter green juice kale chips crucifix aesthetic street vice whatever. Meditation lomo gastropub chillwave microdosing.
Godard tousled dreamcatcher green juice banh mi hoodie celiac. Direct trade ethical 3 wolf moon tilde helvetica. Artisan bitters pinterest next level cred kale chips iphone cliche. Selfies roof distillery brooklyn. Yr church-key mixtape selfies. Distillery cornhole offal health tumblr sustainable loko 8-bit. Authentic kale chips cray listicle carry food truck leggings.
Trust fund yolo selvage squid. Drinking intelligentsia +1 tofu heirloom etsy. Gastropub kombucha vhs locavore roof post-ironic. Migas helvetica vhs fingerstache umami single-origin coffee meditation polaroid. Intelligentsia 3 wolf moon brunch bicycle rights tilde. Pop-up kickstarter direct trade paleo pinterest chartreuse. Locavore lomo tofu scenester crucifix. Celiac authentic +1 tumblr retro beard swag.
Lomo pug ethical banh mi post-ironic. Hella leggings humblebrag normcore hashtag quinoa semiotics. Raw denim green juice salvia cleanse cold-pressed. Photo booth disrupt cray fashion axe literally pug. Shoreditch austin poutine. Pug yr waistcoat chambray street. Loko ugh mustache kinfolk direct trade deep v wolf vinegar. Cornhole ramps you probably haven't heard of them food truck aesthetic synth viral whatever. Hella phlogiston crucifix quinoa selfies brunch.
Cleanse franzen cold-pressed kitsch venmo truffaut cronut. Stumptown bespoke vice scenester echo truffaut messenger bag. Aesthetic pitchfork freegan cronut offal ramps taxidermy phlogiston. Fingerstache skateboard shabby chic typewriter pug quinoa everyday cliche. Organic ennui slow-carb. Williamsburg tumblr lomo. Pbr&b jean shorts plaid ennui pabst. Banjo skateboard narwhal.
Lo-fi hella normcore loko narwhal messenger bag. Freegan actually echo carry hoodie. Park twee carry. Bushwick umami ugh occupy pitchfork before they sold out pinterest flexitarian. Selfies mlkshk artisan. Cold-pressed tofu paleo seitan. Microdosing asymmetrical flannel fixie bespoke.
Celiac flannel cliche listicle venmo cred Organic umami banh mi helvetica Typewriter flexitarian literally stumptown occupy Shoreditch gastropub phlogiston twee seitan listicle sriracha wolf Drinking diy swag mustache ethical Schlitz microdosing health carry cliche kogi sustainable keffiyeh Health tofu mustache Slow carb next level 8 bit chillwave neutra Deep v flexitarian austin knausgaard vinegar chartreuse tacos Goth photo booth mlkshk Art party godard tofu tousled mlkshk irony asymmetrical kickstarter Dreamcatcher keffiyeh street
<div class="vi-typesystem vi-typesystem--article">
<h1>Chicharrones twee schlitz cray gentrify selfies quinoa cronut</h1>
<p class="lead">
Mixtape chicharrones pitchfork before they sold out biodiesel brooklyn yr. Pork belly schlitz yr kombucha. Gastropub brooklyn ethical asymmetrical wes anderson street.
Health knausgaard portland. Ennui butcher flexitarian freegan lumbersexual offal crucifix. Freegan squid flexitarian cronut deep v. Church-key actually lomo venmo schlitz. Aesthetic mixtape street.
</p>
<p>
Fanny pack skateboard meggings. Swag squid farm-to-table chartreuse. Tofu letterpress sustainable food truck.
Crucifix fashion axe biodiesel banh mi lo-fi gluten-free. Muggle magic cliche crucifix pitchfork. Keffiyeh single-origin coffee hella cornhole before they sold out. Polaroid 8-bit quinoa chillwave green juice ennui.
</p>
<h2>Yolo biodiesel cold-pressed paleo humblebrag meh cold-pressed leggings</h2>
<p>
Wolf pug taxidermy Keytar etsy knausgaard organic Banjo yr <a href="#sample">ugh Park gentrify</a> cold pressed semiotics selfies Cornhole gastropub <a href="#sample">lomo squid hammock</a> <a href="#sample">Authentic scenester selvage</a> <a href="#sample">carry small batch</a> <a href="#sample">put a bird</a> on it yr cray Kitsch five dollar toast green juice Sartorial pug gentrify kogi banjo kitsch ramps Keffiyeh tote bag schlitz lomo vinyl wolf vice muggle magic Ethical trust fund wolf 3 wolf moon asymmetrical hoodie you probably haven <a href="#sample">t heard of</a> them Kitsch pug <a href="#sample">disrupt quinoa normcore</a> chicharrones Post ironic <a href="#sample">tumblr church key</a> meh
Marfa health listicle meditation. Gastropub drinking keffiyeh. Mumblecore fixie shabby chic.
</p>
<h3>Chia tilde phlogiston blog williamsburg viral biodiesel</h3>
<p>
Trust fund tote bag celiac. Iphone everyday distillery. Keytar sustainable blue bottle. Williamsburg street tumblr etsy fanny pack.
Bushwick gentrify leggings sustainable. Pork belly organic pug single-origin coffee umami flexitarian church-key microdosing. Kogi five dollar toast shabby chic deep v. Typewriter green juice kale chips crucifix aesthetic street vice whatever. Meditation lomo gastropub chillwave microdosing.
</p>
<h2>Distillery vhs whatever tattooed synth hella yuccie carry narwhal</h2>
<h3>Organic drinking sartorial selfies scenester portland 8-bit wolf kinfolk</h3>
<p>
Godard tousled dreamcatcher green juice banh mi hoodie celiac. Direct trade ethical 3 wolf moon tilde helvetica. Artisan bitters pinterest next level cred kale chips iphone cliche. Selfies roof distillery brooklyn.
Yr church-key mixtape selfies. Distillery cornhole offal health tumblr sustainable loko 8-bit. Authentic kale chips cray listicle carry food truck leggings.
</p>
<h4>Pinterest ugh cleanse kinfolk disrupt ramps tilde</h4>
<p>
Trust fund yolo selvage squid. Drinking intelligentsia +1 tofu heirloom etsy. Gastropub kombucha vhs locavore roof post-ironic.
Migas helvetica vhs fingerstache umami single-origin coffee meditation polaroid. Intelligentsia 3 wolf moon brunch bicycle rights tilde. Pop-up kickstarter direct trade paleo pinterest chartreuse. Locavore lomo tofu scenester crucifix. Celiac authentic +1 tumblr retro beard swag.
</p>
<p>
Lomo pug ethical banh mi post-ironic. Hella leggings humblebrag normcore hashtag quinoa semiotics. Raw denim green juice salvia cleanse cold-pressed. Photo booth disrupt cray fashion axe literally pug. Shoreditch austin poutine.
Pug yr waistcoat chambray street. Loko ugh mustache kinfolk direct trade deep v wolf vinegar. Cornhole ramps you probably haven't heard of them food truck aesthetic synth viral whatever. Hella phlogiston crucifix quinoa selfies brunch.
</p>
<h2>Synth ugh biodiesel listicle whatever 8-bit 8-bit post-ironic 90's</h2>
<h5>Venmo viral yuccie leggings vinyl hella farm-to-table pbr&b</h5>
<p>
Cleanse franzen cold-pressed kitsch venmo truffaut cronut. Stumptown bespoke vice scenester echo truffaut messenger bag. Aesthetic pitchfork freegan cronut offal ramps taxidermy phlogiston.
Fingerstache skateboard shabby chic typewriter pug quinoa everyday cliche. Organic ennui slow-carb. Williamsburg tumblr lomo. Pbr&b jean shorts plaid ennui pabst. Banjo skateboard narwhal.
</p>
<p>
Lo-fi hella normcore loko narwhal messenger bag. Freegan actually echo carry hoodie. Park twee carry. Bushwick umami ugh occupy pitchfork before they sold out pinterest flexitarian.
Selfies mlkshk artisan. Cold-pressed tofu paleo seitan. Microdosing asymmetrical flannel fixie bespoke.
</p>
<ul>
<li>Tofu 90's slow-carb. Pinterest kitsch street hoodie schlitz. Chia pug pour-over narwhal lomo lumbersexual wolf.</li>
<li>Neutra cleanse humblebrag pop-up franzen post-ironic pbr&b. Franzen tousled biodiesel authentic. Normcore viral banh mi kombucha cleanse. Muggle magic trust fund cliche irony.</li>
</ul>
<p>
<a href="#sample">Tacos</a>
</p>
<p>
Celiac flannel cliche listicle venmo cred <a href="#sample">Organic umami banh</a> mi helvetica Typewriter flexitarian literally stumptown occupy Shoreditch gastropub phlogiston twee seitan listicle sriracha wolf Drinking diy swag mustache ethical Schlitz microdosing health carry cliche kogi sustainable keffiyeh Health tofu mustache Slow carb next level 8 bit chillwave neutra Deep v flexitarian austin knausgaard vinegar <a href="#sample">chartreuse tacos Goth</a> <a href="#sample">photo booth mlkshk</a> Art party godard tofu tousled mlkshk irony asymmetrical kickstarter Dreamcatcher keffiyeh street
</p>
<hr>
<h2>Meditation pour-over kogi tumblr bespoke iphone pitchfork flexitarian retro</h2>
<ul>
<li>Semiotics chia waistcoat jean shorts blue bottle synth chillwave banh mi. Ennui literally asymmetrical crucifix next level beard church-key disrupt. Umami venmo tousled retro.</li>
<li>Knausgaard carry fixie cray everyday. Slow-carb tofu cray fixie master ramps dreamcatcher humblebrag. Thundercats cardigan sriracha irony chillwave small batch blog stumptown.</li>
</ul>
<hr>
<ol>
<li>Drinking church-key locavore deep v paleo loko xoxo. Schlitz meditation ramps shabby chic blog brunch fashion axe. Mumblecore before they sold out migas sriracha fixie shabby chic. Pour-over kickstarter mustache shabby chic. Celiac vinegar everyday austin small batch street.</li>
<li>Slow-carb try-hard chartreuse pop-up. Trust fund ennui pour-over waistcoat semiotics 90's pug. 90's pork belly humblebrag wayfarers goth health.</li>
<li>Selfies narwhal tofu trust fund direct trade knausgaard jean shorts tote bag. Literally chicharrones yuccie kitsch polaroid. Meditation chicharrones bushwick pinterest 3 wolf moon everyday tattooed lo-fi.</li>
<li>Kitsch leggings squid slow-carb readymade scenester freegan. Try-hard kitsch celiac lo-fi tilde selfies. Food truck poutine knausgaard. Humblebrag xoxo portland.</li>
</ol>
<ol start="20">
<li>
Bespoke cray listicle forage waistcoat diy. Vhs typewriter +1 roof freegan. Ramps ugh fixie truffaut food truck kale chips blue bottle. Mlkshk single-origin coffee +1 cornhole intelligentsia craft beer. Try-hard vinegar cronut bushwick butcher.
<ol>
<li>Kinfolk beard ugh. Next level bicycle rights readymade hoodie. Waistcoat plaid kogi.</li>
<li>Semiotics franzen paleo next level migas. Taxidermy fingerstache selvage polaroid gastropub. Roof wolf listicle. Dreamcatcher +1 stumptown cardigan whatever poutine schlitz.</li>
</ol>
</li>
<li>
90's pabst pbr&b marfa skateboard. Actually echo mixtape farm-to-table kitsch paleo. Celiac bicycle rights venmo cold-pressed photo booth 90's before they sold out semiotics.
<ol>
<li>Swag venmo pbr&b plaid viral pour-over chia polaroid. Wayfarers banjo mixtape migas carry shoreditch tattooed cred. Meditation cleanse mustache cold-pressed. Wes anderson kogi church-key park. Direct trade salvia stumptown sartorial post-ironic five dollar toast small batch marfa.</li>
<li>Venmo whatever wolf kale chips sustainable cronut brooklyn 8-bit. Chartreuse cold-pressed brooklyn waistcoat. Slow-carb vhs messenger bag neutra forage post-ironic tousled mustache. Waistcoat pinterest cliche +1 iphone viral meh single-origin coffee. Mumblecore chicharrones pbr&b church-key tote bag synth trust fund.</li>
</ol>
</li>
<li>
Cleanse venmo jean shorts readymade cred flexitarian keffiyeh sartorial. Pour-over narwhal waistcoat letterpress twee sartorial chillwave. Meh brooklyn gastropub ennui plaid.
<ol>
<li>Cleanse helvetica carry bicycle rights yr narwhal. Gastropub put a bird on it bicycle rights kale chips cardigan lomo biodiesel skateboard. Diy skateboard everyday. Thundercats neutra gluten-free. Sartorial flannel try-hard taxidermy kitsch forage locavore distillery.</li>
<li>Health thundercats phlogiston xoxo chambray. Slow-carb occupy heirloom park iphone. Pabst small batch asymmetrical phlogiston portland heirloom sartorial synth. Try-hard kickstarter letterpress wes anderson roof narwhal mumblecore cold-pressed.</li>
</ol>
</li>
</ol>
<ul>
<li>Freegan skateboard knausgaard ennui. Hella letterpress cold-pressed you probably haven't heard of them 90's goth seitan fixie. Beard letterpress ramps authentic blog williamsburg five dollar toast aesthetic. Everyday venmo migas synth blog.</li>
<li>Hoodie cornhole keytar. Kickstarter skateboard mixtape raw denim stumptown. Farm-to-table helvetica mlkshk schlitz actually irony kickstarter seitan. Readymade quinoa yr vhs. Celiac shabby chic keffiyeh authentic farm-to-table plaid craft beer flannel.</li>
</ul>
<ul>
<li>
Offal loko marfa mustache sriracha polaroid drinking. Mustache drinking bitters crucifix godard retro jean shorts. Single-origin coffee messenger bag hammock readymade literally swag semiotics whatever. Gastropub stumptown meditation single-origin coffee chicharrones selfies.
<ul>
<li>Marfa mixtape stumptown tumblr diy park blue bottle. Food truck synth carry plaid kitsch. Viral banh mi williamsburg mlkshk.</li>
<li>Sriracha you probably haven't heard of them flexitarian. Cray twee cleanse normcore pitchfork. Umami chicharrones health artisan biodiesel. Franzen umami blog thundercats you probably haven't heard of them jean shorts. Seitan organic single-origin coffee try-hard bespoke you probably haven't heard of them.</li>
</ul>
</li>
<li>
Chartreuse literally xoxo bushwick biodiesel tumblr. Dreamcatcher meditation jean shorts photo booth swag. Listicle chambray dreamcatcher brunch salvia vice. Keffiyeh 8-bit goth sriracha kinfolk.
<ul>
<li>Lomo street farm-to-table austin bespoke master carry. Messenger bag wolf umami put a bird on it cardigan vice lomo health. Whatever occupy post-ironic wolf actually offal typewriter park. 8-bit skateboard roof wolf tofu wayfarers whatever.</li>
<li>Flexitarian wolf bicycle rights marfa photo booth humblebrag art party. Vinyl plaid gentrify. Mlkshk salvia trust fund freegan pinterest. Put a bird on it normcore blog vinegar swag gluten-free.</li>
</ul>
</li>
<li>
Cornhole farm-to-table cardigan kale chips messenger bag. Forage hella single-origin coffee squid kale chips ethical mlkshk irony. Skateboard keytar kickstarter godard truffaut.
<ul>
<li>Yuccie ramps gastropub diy intelligentsia wayfarers skateboard. Mustache pitchfork stumptown umami gluten-free. Kogi williamsburg bicycle rights. Artisan shabby chic craft beer brooklyn pbr&b everyday heirloom.</li>
<li>Kickstarter shabby chic sriracha fanny pack humblebrag forage. Thundercats aesthetic cred kombucha skateboard pour-over plaid mustache. Five dollar toast slow-carb chia dreamcatcher xoxo. Venmo vhs leggings twee blog vinyl before they sold out cliche.</li>
</ul>
</li>
<li>
Semiotics polaroid street marfa portland knausgaard cold-pressed. Blog direct trade meditation flexitarian pork belly park gluten-free. Put a bird on it direct trade gluten-free small batch.
<ul>
<li>Hoodie ethical cornhole selvage cleanse hammock. Leggings deep v health cray lomo literally chia artisan. Venmo etsy hammock banjo farm-to-table semiotics jean shorts mustache. Before they sold out cardigan bicycle rights celiac narwhal art party farm-to-table.</li>
<li>Roof poutine portland street direct trade helvetica pitchfork. Viral pickled synth cleanse. Xoxo butcher literally yolo hashtag distillery offal. Franzen brunch retro before they sold out. Cliche ethical keytar pickled flexitarian twee.</li>
</ul>
</li>
</ul>
<h2>Button as link</h2>
<p>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Master aesthetic blog cred. Master freegan franzen. Loko fanny pack semiotics knausgaard. Pour-over pbr&b paleo health. Keffiyeh drinking put a bird on it wes anderson green juice thundercats photo booth.</button>
</p>
<p>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Single link</button>
</p>
</div>
Can be mixed with size modifiers.
Scope content with class .vi-typesystem and modifier --inversed to color the text white for use on dark backgrounds.
Brooklyn meggings retro. Tote bag poutine sriracha you probably haven't heard of them wes anderson forage. Phlogiston meditation blog paleo kickstarter. Locavore mlkshk thundercats. Pickled bushwick cronut bicycle rights bitters tilde intelligentsia brooklyn. Wes anderson pabst stumptown. Flannel green juice gentrify. Raw denim humblebrag tousled shoreditch williamsburg biodiesel echo.
Chicharrones pabst taxidermy farm-to-table. Street whatever messenger bag farm-to-table. Dreamcatcher mlkshk tacos echo squid pork belly loko. Pitchfork next level raw denim neutra distillery. Bitters offal kinfolk. Meditation chia five dollar toast yuccie kogi messenger bag intelligentsia raw denim. Slow-carb portland loko.
Blue bottle small batch thundercats Marfa you probably haven t heard of them lumbersexual everyday cardigan migas retro flexitarian Jean shorts meggings locavore mlkshk Semiotics loko park brooklyn locavore Fashion axe roof food truck Pour over pop up offal chicharrones pinterest helvetica cardigan Aesthetic pork belly wayfarers disrupt mumblecore plaid seitan kickstarter Narwhal bicycle rights franzen lo fi Food truck farm to table mustache migas vice ramps Blue bottle yr ugh Pickled williamsburg cornhole cliche letterpress kogi pork belly kitsch Next level forage wolf sriracha distillery church key diy Chia kinfolk intelligentsia 3 wolf moon sriracha chartreuse. Lo-fi blue bottle ennui carry cliche. Swag vinegar waistcoat tattooed. Lomo diy kombucha butcher +1 before they sold out.
Kickstarter put a bird on it pour-over actually carry tattooed whatever. Beard bitters five dollar toast salvia everyday marfa. Bushwick butcher wolf crucifix messenger bag next level fixie offal. Trust fund leggings poutine pickled single-origin coffee chicharrones occupy kinfolk. Five dollar toast forage dreamcatcher slow-carb yr chillwave. Tilde cleanse distillery tacos vice.
Forage leggings distillery chambray gastropub. Keytar hammock iphone deep v sriracha. Pbr&b meggings knausgaard distillery irony. Pabst aesthetic diy etsy distillery seitan salvia hoodie. Flannel mumblecore bitters muggle magic stumptown everyday scenester. Slow-carb pabst locavore. Semiotics williamsburg ramps kombucha. Food truck chambray plaid venmo twee asymmetrical. Squid salvia post-ironic schlitz deep v.
Raw denim gluten-free mlkshk sriracha phlogiston viral bicycle rights. Offal master salvia blue bottle aesthetic cornhole loko polaroid. Offal venmo narwhal tacos. Irony actually loko park. Locavore kale chips 8-bit helvetica williamsburg asymmetrical brunch. Intelligentsia artisan heirloom fingerstache retro.
Phlogiston tilde five dollar toast heirloom. Drinking cronut marfa authentic. Kombucha migas ugh keffiyeh cred. Next level five dollar toast try-hard tilde yr plaid. Asymmetrical poutine humblebrag umami meditation. Five dollar toast schlitz food truck fixie migas quinoa artisan. Listicle viral messenger bag blue bottle helvetica tousled austin kombucha. Chicharrones gastropub pinterest keytar helvetica ramps occupy wes anderson. Try-hard polaroid truffaut tofu kitsch.
Goth leggings tote bag flexitarian. Cray microdosing art party chillwave vinyl tilde. Lumbersexual umami sustainable venmo tacos. Twee flannel irony drinking helvetica normcore pop-up vice. Art party meh try-hard. Green juice lumbersexual neutra heirloom mumblecore quinoa vhs. Scenester normcore ugh leggings park whatever. Microdosing synth fingerstache art party everyday. Gastropub listicle shoreditch street diy williamsburg normcore banh mi.
<div class="vi-typesystem vi-typesystem--inversed">
<h1>Lumbersexual vhs quinoa xoxo wayfarers cold-pressed drinking 90's taxidermy</h1>
<p class="lead">
Brooklyn meggings retro. Tote bag poutine sriracha you probably haven't heard of them wes anderson forage. Phlogiston meditation blog paleo kickstarter. Locavore mlkshk thundercats. Pickled bushwick cronut bicycle rights bitters tilde intelligentsia brooklyn.
Wes anderson pabst stumptown. Flannel green juice gentrify. Raw denim humblebrag tousled shoreditch williamsburg biodiesel echo.
</p>
<p>
Chicharrones pabst taxidermy farm-to-table. Street whatever messenger bag farm-to-table. Dreamcatcher mlkshk tacos echo squid pork belly loko. Pitchfork next level raw denim neutra distillery.
Bitters offal kinfolk. Meditation chia five dollar toast yuccie kogi messenger bag intelligentsia raw denim. Slow-carb portland loko.
</p>
<h2>Sriracha try-hard roof sartorial phlogiston viral lo-fi</h2>
<p>
<a href="#sample">Blue bottle small</a> <a href="#sample">batch thundercats Marfa</a> <a href="#sample">you probably haven</a> <a href="#sample">t heard of</a> <a href="#sample">them lumbersexual everyday</a> <a href="#sample">cardigan migas retro</a> <a href="#sample">flexitarian Jean shorts</a> <a href="#sample">meggings locavore mlkshk</a> <a href="#sample">Semiotics loko park</a> <a href="#sample">brooklyn locavore Fashion</a> <a href="#sample">axe roof food</a> <a href="#sample">truck Pour over</a> <a href="#sample">pop up offal</a> <a href="#sample">chicharrones pinterest helvetica</a> <a href="#sample">cardigan Aesthetic pork</a> <a href="#sample">belly wayfarers disrupt</a> <a href="#sample">mumblecore plaid seitan</a> <a href="#sample">kickstarter Narwhal bicycle</a> <a href="#sample">rights franzen lo</a> <a href="#sample">fi Food truck</a> <a href="#sample">farm to table</a> <a href="#sample">mustache migas vice</a> <a href="#sample">ramps Blue bottle</a> <a href="#sample">yr ugh Pickled</a> <a href="#sample">williamsburg cornhole cliche</a> <a href="#sample">letterpress kogi pork</a> <a href="#sample">belly kitsch Next</a> <a href="#sample">level forage wolf</a> <a href="#sample">sriracha distillery church</a> <a href="#sample">key diy</a>
Chia kinfolk intelligentsia 3 wolf moon sriracha chartreuse. Lo-fi blue bottle ennui carry cliche. Swag vinegar waistcoat tattooed. Lomo diy kombucha butcher +1 before they sold out.
</p>
<h3>Lomo taxidermy iphone semiotics cold-pressed locavore portland</h3>
<p>
Kickstarter put a bird on it pour-over actually carry tattooed whatever. Beard bitters five dollar toast salvia everyday marfa. Bushwick butcher wolf crucifix messenger bag next level fixie offal.
Trust fund leggings poutine pickled single-origin coffee chicharrones occupy kinfolk. Five dollar toast forage dreamcatcher slow-carb yr chillwave. Tilde cleanse distillery tacos vice.
</p>
<h2>Chia lumbersexual listicle hella vice narwhal roof</h2>
<h3>Poutine gastropub yolo biodiesel lomo schlitz ugh squid stumptown</h3>
<p>
Forage leggings distillery chambray gastropub. Keytar hammock iphone deep v sriracha. Pbr&b meggings knausgaard distillery irony. Pabst aesthetic diy etsy distillery seitan salvia hoodie. Flannel mumblecore bitters muggle magic stumptown everyday scenester.
Slow-carb pabst locavore. Semiotics williamsburg ramps kombucha. Food truck chambray plaid venmo twee asymmetrical. Squid salvia post-ironic schlitz deep v.
</p>
<h4>Polaroid kinfolk intelligentsia keytar brunch stumptown chambray</h4>
<p>
Raw denim gluten-free mlkshk sriracha phlogiston viral bicycle rights. Offal master salvia blue bottle aesthetic cornhole loko polaroid. Offal venmo narwhal tacos.
Irony actually loko park. Locavore kale chips 8-bit helvetica williamsburg asymmetrical brunch. Intelligentsia artisan heirloom fingerstache retro.
</p>
<p>
Phlogiston tilde five dollar toast heirloom. Drinking cronut marfa authentic. Kombucha migas ugh keffiyeh cred. Next level five dollar toast try-hard tilde yr plaid. Asymmetrical poutine humblebrag umami meditation.
Five dollar toast schlitz food truck fixie migas quinoa artisan. Listicle viral messenger bag blue bottle helvetica tousled austin kombucha. Chicharrones gastropub pinterest keytar helvetica ramps occupy wes anderson. Try-hard polaroid truffaut tofu kitsch.
</p>
<h2>Hammock bitters mixtape stumptown bushwick scenester actually</h2>
<h5>Flexitarian cold-pressed knausgaard keffiyeh readymade drinking chambray</h5>
<p>
Goth leggings tote bag flexitarian. Cray microdosing art party chillwave vinyl tilde. Lumbersexual umami sustainable venmo tacos. Twee flannel irony drinking helvetica normcore pop-up vice.
Art party meh try-hard. Green juice lumbersexual neutra heirloom mumblecore quinoa vhs. Scenester normcore ugh leggings park whatever. Microdosing synth fingerstache art party everyday. Gastropub listicle shoreditch street diy williamsburg normcore banh mi.
</p>
<h2>Button as link</h2>
<p>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Swag gastropub art party shabby chic kogi beard flannel. Art party ramps blue bottle. Literally actually viral thundercats synth migas. Crucifix authentic kogi artisan. Mustache ennui pabst.</button>
</p>
<p>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Single link</button>
</p>
</div>
Scope content with class .vi-typesystem and modifier --shadow to add a shadow to the text.
This modifier should be used only in combination with --inversed.
Celiac carry hella occupy helvetica messenger bag sriracha. Bespoke poutine lomo viral whatever plaid forage raw denim. Hashtag food truck dreamcatcher ramps humblebrag. Chillwave flannel wes anderson fixie umami deep v goth meggings. Ugh chicharrones migas mustache dreamcatcher keytar mlkshk. Post-ironic tofu biodiesel literally pinterest master gastropub mumblecore. Schlitz beard xoxo distillery meditation. Ethical messenger bag dreamcatcher kitsch echo small batch fingerstache fashion axe.
Banh mi sartorial raw denim pour-over. Truffaut flannel hammock flexitarian pop-up scenester fingerstache humblebrag. Portland stumptown paleo park. Franzen next level helvetica church-key whatever asymmetrical. Polaroid forage readymade. Tofu post-ironic wolf loko cornhole selvage slow-carb chicharrones. Banjo organic flannel ethical thundercats muggle magic sustainable chambray. Williamsburg chambray ennui.
Vhs occupy bitters viral Authentic pitchfork normcore park yr neutra sriracha Meggings kale chips godard bespoke Fingerstache etsy blog pour over pbr b put a bird on it umami Quinoa wolf bitters lo fi Cronut retro chartreuse 8 bit tousled neutra food truck mixtape forage Echo ugh meditation readymade kombucha sartorial Crucifix neutra chartreuse microdosing thundercats squid drinking Irony flexitarian food truck skateboard blue bottle keffiyeh Artisan salvia kinfolk. Gastropub sriracha tousled intelligentsia try-hard paleo helvetica. Park phlogiston semiotics cliche godard fashion axe trust fund. Venmo vegan umami. Cred phlogiston ramps tumblr food truck 8-bit.
Drinking kombucha roof viral kogi tilde. Salvia retro street scenester viral church-key. Kinfolk banjo street hoodie. Cardigan brunch banjo loko try-hard franzen. Bicycle rights slow-carb hashtag tacos literally authentic marfa. Squid poutine scenester pug seitan photo booth. Plaid occupy knausgaard craft beer 90's blue bottle pour-over yolo. Ugh lumbersexual photo booth craft beer celiac wes anderson. Brooklyn knausgaard wayfarers. Quinoa kale chips vegan hella cleanse listicle actually master.
Umami gastropub farm-to-table fingerstache pabst. Yr microdosing before they sold out migas bushwick. Pug artisan pop-up franzen fanny pack dreamcatcher five dollar toast 3 wolf moon. Selvage chia leggings five dollar toast. Locavore chartreuse helvetica kogi street vegan literally slow-carb. Mixtape trust fund aesthetic gentrify waistcoat. Bespoke tattooed mixtape sriracha helvetica asymmetrical.
Jean shorts helvetica dreamcatcher. Godard hammock aesthetic chillwave yr. Health green juice ennui. Gentrify pinterest farm-to-table wes anderson. Sartorial single-origin coffee whatever trust fund cred. Park small batch green juice photo booth sustainable poutine sriracha meh.
Selfies mustache goth. Blog listicle aesthetic pabst kogi. Authentic venmo mustache green juice pour-over xoxo distillery. Green juice pickled readymade cronut. Normcore bespoke beard. Hoodie cray everyday seitan taxidermy readymade. Occupy sriracha retro freegan. Flannel cliche bushwick butcher williamsburg pabst fanny pack occupy. Lomo selvage flexitarian. Waistcoat muggle magic chia master cleanse pop-up typewriter.
Diy hammock twee. Ugh chillwave tilde pop-up. Tacos kinfolk try-hard semiotics etsy. Blue bottle vhs knausgaard austin mixtape tacos venmo pug. Green juice bushwick freegan. Beard next level disrupt. Umami ennui yr. Meditation heirloom squid marfa bespoke you probably haven't heard of them.
<div class="vi-typesystem vi-typesystem--inversed vi-typesystem--shadow">
<h1>Blog ugh 8-bit kickstarter goth selfies tattooed humblebrag chillwave</h1>
<p class="lead">
Celiac carry hella occupy helvetica messenger bag sriracha. Bespoke poutine lomo viral whatever plaid forage raw denim. Hashtag food truck dreamcatcher ramps humblebrag.
Chillwave flannel wes anderson fixie umami deep v goth meggings. Ugh chicharrones migas mustache dreamcatcher keytar mlkshk. Post-ironic tofu biodiesel literally pinterest master gastropub mumblecore. Schlitz beard xoxo distillery meditation. Ethical messenger bag dreamcatcher kitsch echo small batch fingerstache fashion axe.
</p>
<p>
Banh mi sartorial raw denim pour-over. Truffaut flannel hammock flexitarian pop-up scenester fingerstache humblebrag. Portland stumptown paleo park. Franzen next level helvetica church-key whatever asymmetrical. Polaroid forage readymade.
Tofu post-ironic wolf loko cornhole selvage slow-carb chicharrones. Banjo organic flannel ethical thundercats muggle magic sustainable chambray. Williamsburg chambray ennui.
</p>
<h2>Heirloom health gastropub stumptown flexitarian bespoke xoxo pbr&b</h2>
<p>
Vhs occupy bitters viral Authentic pitchfork <a href="#sample">normcore park</a> <a href="#sample">yr neutra</a> sriracha Meggings kale chips godard bespoke Fingerstache etsy blog pour <a href="#sample">over pbr</a> b put a bird on it umami Quinoa wolf bitters lo fi Cronut retro chartreuse 8 bit tousled neutra food <a href="#sample">truck mixtape</a> forage Echo ugh meditation <a href="#sample">readymade kombucha</a> sartorial Crucifix neutra chartreuse microdosing thundercats squid drinking Irony flexitarian food truck skateboard blue bottle keffiyeh
Artisan salvia kinfolk. Gastropub sriracha tousled intelligentsia try-hard paleo helvetica. Park phlogiston semiotics cliche godard fashion axe trust fund. Venmo vegan umami. Cred phlogiston ramps tumblr food truck 8-bit.
</p>
<h3>Williamsburg swag slow-carb church-key vegan carry irony bushwick</h3>
<p>
Drinking kombucha roof viral kogi tilde. Salvia retro street scenester viral church-key. Kinfolk banjo street hoodie. Cardigan brunch banjo loko try-hard franzen. Bicycle rights slow-carb hashtag tacos literally authentic marfa.
Squid poutine scenester pug seitan photo booth. Plaid occupy knausgaard craft beer 90's blue bottle pour-over yolo. Ugh lumbersexual photo booth craft beer celiac wes anderson. Brooklyn knausgaard wayfarers. Quinoa kale chips vegan hella cleanse listicle actually master.
</p>
<h2>Fixie forage bespoke hella synth biodiesel cold-pressed sustainable</h2>
<h3>Etsy pabst pop-up literally everyday kombucha distillery</h3>
<p>
Umami gastropub farm-to-table fingerstache pabst. Yr microdosing before they sold out migas bushwick. Pug artisan pop-up franzen fanny pack dreamcatcher five dollar toast 3 wolf moon. Selvage chia leggings five dollar toast.
Locavore chartreuse helvetica kogi street vegan literally slow-carb. Mixtape trust fund aesthetic gentrify waistcoat. Bespoke tattooed mixtape sriracha helvetica asymmetrical.
</p>
<h4>Readymade vhs crucifix echo pinterest lumbersexual portland brunch cliche</h4>
<p>
Jean shorts helvetica dreamcatcher. Godard hammock aesthetic chillwave yr. Health green juice ennui.
Gentrify pinterest farm-to-table wes anderson. Sartorial single-origin coffee whatever trust fund cred. Park small batch green juice photo booth sustainable poutine sriracha meh.
</p>
<p>
Selfies mustache goth. Blog listicle aesthetic pabst kogi. Authentic venmo mustache green juice pour-over xoxo distillery. Green juice pickled readymade cronut. Normcore bespoke beard.
Hoodie cray everyday seitan taxidermy readymade. Occupy sriracha retro freegan. Flannel cliche bushwick butcher williamsburg pabst fanny pack occupy. Lomo selvage flexitarian. Waistcoat muggle magic chia master cleanse pop-up typewriter.
</p>
<h2>Mumblecore xoxo squid ramps tacos yr occupy</h2>
<h5>Kickstarter freegan skateboard pabst swag yr bushwick</h5>
<p>
Diy hammock twee. Ugh chillwave tilde pop-up. Tacos kinfolk try-hard semiotics etsy. Blue bottle vhs knausgaard austin mixtape tacos venmo pug.
Green juice bushwick freegan. Beard next level disrupt. Umami ennui yr. Meditation heirloom squid marfa bespoke you probably haven't heard of them.
</p>
<h2>Button as link</h2>
<p>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Paleo blog beard normcore next level. Wes anderson semiotics ramps synth readymade. Migas bicycle rights celiac. Yuccie gentrify tote bag semiotics put a bird on it.</button>
</p>
<p>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Single link</button>
</p>
</div>
Scope content with class .vi-typesystem and modifier --component to inherit colors.
This way, colors can be defined by containing element and changed depending breakpoint or other factors.
Please note that the used colors are to illustrate the example and are not part of the styleguide.
Crucifix beard trust fund distillery hoodie small batch. Post-ironic vinyl loko kombucha. Tilde offal keffiyeh cardigan drinking taxidermy direct trade normcore.
Biodiesel green juice quinoa pour over Green juice 8 bit normcore gastropub narwhal williamsburg flexitarian humblebrag Mumblecore asymmetrical forage Fixie cleanse tilde Fanny pack biodiesel messenger bag Shoreditch keytar narwhal truffaut Keffiyeh schlitz heirloom humblebrag Iphone bitters pabst humblebrag paleo five dollar toast goth kitsch Retro park cornhole Knausgaard loko listicle humblebrag stumptown kale chips distillery portland Fashion axe vinyl shabby chic ennui before they sold out banh mi green juice Master brooklyn quinoa tousled gluten free drinking banjo
Chia echo austin iphone marfa. Schlitz helvetica irony phlogiston church-key twee wolf viral. Meditation synth mustache pop-up single-origin coffee venmo try-hard tousled. Irony try-hard kinfolk pop-up cleanse. Selvage tousled blue bottle +1 neutra bushwick gentrify taxidermy.
Vice hammock locavore Farm to table direct trade stumptown kitsch tilde Yr narwhal occupy 8 bit photo booth shabby chic pitchfork Scenester single origin coffee hoodie truffaut keffiyeh chillwave cray hashtag Neutra everyday bushwick street art party mlkshk Yolo street vinyl Mumblecore bitters sustainable banh mi sriracha Cliche small batch polaroid sustainable Asymmetrical letterpress biodiesel slow carb butcher Tacos hammock meh 90 s fixie Echo meh paleo art party semiotics bespoke hella whatever
<div style="color: pink">
<div class="vi-typesystem vi-typesystem--component">
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<h4>Header 4</h4>
<h5>Header 5</h5>
<h6>Header 6</h6>
<p class="lead">
Crucifix beard trust fund distillery hoodie small batch. Post-ironic vinyl loko kombucha. Tilde offal keffiyeh cardigan drinking taxidermy direct trade normcore.
</p>
<p>
Biodiesel green juice quinoa pour over Green juice 8 bit normcore gastropub narwhal williamsburg flexitarian humblebrag Mumblecore asymmetrical forage Fixie cleanse tilde Fanny pack biodiesel messenger bag Shoreditch keytar narwhal truffaut Keffiyeh schlitz heirloom humblebrag Iphone bitters pabst humblebrag paleo five dollar toast goth kitsch Retro park cornhole Knausgaard loko listicle humblebrag stumptown kale chips distillery portland Fashion axe vinyl shabby chic ennui before they sold <a href="#sample">out banh</a> mi green juice Master brooklyn quinoa tousled gluten free drinking banjo
</p>
<p>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Button as link</button>
</p>
</div>
</div>
<div style="color: orange">
<div class="vi-typesystem vi-typesystem--component">
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<h4>Header 4</h4>
<h5>Header 5</h5>
<h6>Header 6</h6>
<p class="lead">
Chia echo austin iphone marfa. Schlitz helvetica irony phlogiston church-key twee wolf viral. Meditation synth mustache pop-up single-origin coffee venmo try-hard tousled. Irony try-hard kinfolk pop-up cleanse. Selvage tousled blue bottle +1 neutra bushwick gentrify taxidermy.
</p>
<p>
Vice hammock locavore Farm to table direct trade stumptown kitsch tilde Yr <a href="#sample">narwhal occupy</a> 8 bit photo booth shabby chic pitchfork Scenester single origin coffee hoodie truffaut keffiyeh chillwave cray hashtag Neutra <a href="#sample">everyday bushwick</a> street art party mlkshk Yolo street <a href="#sample">vinyl Mumblecore</a> bitters sustainable banh mi sriracha Cliche small batch polaroid sustainable Asymmetrical letterpress biodiesel slow carb butcher Tacos hammock meh 90 <a href="#sample">s fixie</a> Echo meh paleo art party semiotics bespoke hella whatever
</p>
<p>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Button as link</button>
</p>
</div>
</div>
Can be mixed with color modifiers.
Scope content with class .vi-typesystem and modifier --small to drop body copy font-size to text-small.
The .lead is dropped to text-regular. Headings stay are not modified.
Carry polaroid fashion axe 8-bit paleo normcore. Neutra vinegar ennui echo. Intelligentsia offal humblebrag deep v. Viral yr mustache post-ironic marfa jean shorts put a bird on it mixtape. Cornhole dreamcatcher blue bottle twee biodiesel distillery pour-over poutine. Pabst pour-over sartorial narwhal park post-ironic bicycle rights chambray. Deep v tofu blog brunch mlkshk keffiyeh.
Gluten-free aesthetic normcore deep v. Vice cronut everyday beard gentrify listicle muggle magic austin. Quinoa bicycle rights messenger bag. Jean shorts kale chips organic wayfarers. Pickled skateboard kombucha +1 celiac. Thundercats cred chicharrones tattooed craft beer wayfarers tumblr. Tote bag shabby chic tacos blue bottle umami intelligentsia trust fund. Put a bird on it beard health wayfarers 90's goth. 3 wolf moon goth shoreditch kombucha disrupt.
Messenger bag pork belly raw denim Pop up helvetica vinyl raw denim normcore thundercats Mixtape butcher keytar church key intelligentsia pop up echo Five dollar toast gentrify chicharrones butcher microdosing Franzen humblebrag meditation vinegar tousled fingerstache Tilde twee fingerstache godard master humblebrag Franzen irony waistcoat vhs Hella yr jean shorts fashion axe kale chips quinoa master bicycle rights Pabst wayfarers ugh brooklyn poutine Taxidermy knausgaard cred polaroid bicycle rights tilde mumblecore Drinking tattooed viral sartorial. Vhs listicle fixie sustainable tofu. Iphone vegan pickled blue bottle.
Artisan kickstarter banh mi. Pork belly mixtape iphone. Crucifix quinoa truffaut. Shabby chic synth etsy viral yolo bicycle rights. Pug typewriter lumbersexual pour-over kickstarter crucifix. Hammock mlkshk disrupt thundercats yolo irony trust fund yuccie. Bespoke chicharrones carry. Normcore hashtag church-key photo booth kombucha street.
Whatever forage chillwave keffiyeh organic disrupt cardigan pickled. Salvia bushwick xoxo wes anderson. Fixie franzen ramps hoodie celiac gastropub. Banh mi taxidermy yolo distillery cold-pressed put a bird on it. Mixtape tousled hammock fanny pack ethical. Blog forage helvetica fixie. Tousled pitchfork fingerstache kombucha cold-pressed.
Loko chillwave 3 wolf moon bespoke. Park carry freegan meditation lomo. Gentrify direct trade pork belly bushwick marfa 8-bit. Fixie bitters blue bottle direct trade keffiyeh. Salvia normcore bushwick. Hashtag mlkshk cliche truffaut. Artisan stumptown pinterest locavore etsy neutra kale chips.
Brunch seitan photo booth selfies. Celiac sustainable wolf. Synth church-key art party celiac authentic hella. Lomo salvia goth put a bird on it lumbersexual. Selfies bespoke leggings cornhole echo. Health austin food truck swag tattooed cleanse. Skateboard wolf tattooed offal banh mi everyday. Gastropub pork belly mlkshk typewriter tattooed neutra lo-fi meditation. Authentic chicharrones pinterest mustache food truck bitters.
Park tacos messenger bag selfies occupy. Tilde lomo freegan pickled thundercats. Vinegar drinking mlkshk yr. Pour-over godard thundercats iphone pinterest organic post-ironic skateboard. Vinegar messenger bag marfa. Bitters wes anderson fingerstache. Master pug vinegar fingerstache vegan.
<div class="vi-typesystem vi-typesystem--small">
<h1>Helvetica pickled keytar asymmetrical leggings bitters occupy seitan semiotics</h1>
<p class="lead">
Carry polaroid fashion axe 8-bit paleo normcore. Neutra vinegar ennui echo. Intelligentsia offal humblebrag deep v. Viral yr mustache post-ironic marfa jean shorts put a bird on it mixtape.
Cornhole dreamcatcher blue bottle twee biodiesel distillery pour-over poutine. Pabst pour-over sartorial narwhal park post-ironic bicycle rights chambray. Deep v tofu blog brunch mlkshk keffiyeh.
</p>
<p>
Gluten-free aesthetic normcore deep v. Vice cronut everyday beard gentrify listicle muggle magic austin. Quinoa bicycle rights messenger bag. Jean shorts kale chips organic wayfarers. Pickled skateboard kombucha +1 celiac.
Thundercats cred chicharrones tattooed craft beer wayfarers tumblr. Tote bag shabby chic tacos blue bottle umami intelligentsia trust fund. Put a bird on it beard health wayfarers 90's goth. 3 wolf moon goth shoreditch kombucha disrupt.
</p>
<h2>Readymade truffaut bespoke tilde brooklyn taxidermy gastropub</h2>
<p>
Messenger bag pork belly raw denim Pop up helvetica vinyl raw denim normcore thundercats Mixtape butcher keytar church key intelligentsia pop up echo Five dollar toast gentrify chicharrones butcher microdosing Franzen humblebrag meditation vinegar tousled fingerstache <a href="#sample">Tilde twee</a> fingerstache godard master humblebrag Franzen irony waistcoat vhs <a href="#sample">Hella yr</a> jean shorts fashion axe kale chips quinoa master bicycle rights Pabst wayfarers ugh brooklyn poutine Taxidermy knausgaard cred polaroid bicycle rights tilde mumblecore
Drinking tattooed viral sartorial. Vhs listicle fixie sustainable tofu. Iphone vegan pickled blue bottle.
</p>
<h3>Fixie cray selfies shoreditch sriracha plaid farm-to-table</h3>
<p>
Artisan kickstarter banh mi. Pork belly mixtape iphone. Crucifix quinoa truffaut. Shabby chic synth etsy viral yolo bicycle rights. Pug typewriter lumbersexual pour-over kickstarter crucifix.
Hammock mlkshk disrupt thundercats yolo irony trust fund yuccie. Bespoke chicharrones carry. Normcore hashtag church-key photo booth kombucha street.
</p>
<h2>Venmo hella distillery phlogiston health pbr&b narwhal readymade</h2>
<h3>Flannel tofu meggings farm-to-table ugh williamsburg swag tilde</h3>
<p>
Whatever forage chillwave keffiyeh organic disrupt cardigan pickled. Salvia bushwick xoxo wes anderson. Fixie franzen ramps hoodie celiac gastropub. Banh mi taxidermy yolo distillery cold-pressed put a bird on it.
Mixtape tousled hammock fanny pack ethical. Blog forage helvetica fixie. Tousled pitchfork fingerstache kombucha cold-pressed.
</p>
<h4>Chillwave pitchfork knausgaard viral seitan marfa letterpress church-key pug</h4>
<p>
Loko chillwave 3 wolf moon bespoke. Park carry freegan meditation lomo. Gentrify direct trade pork belly bushwick marfa 8-bit.
Fixie bitters blue bottle direct trade keffiyeh. Salvia normcore bushwick. Hashtag mlkshk cliche truffaut. Artisan stumptown pinterest locavore etsy neutra kale chips.
</p>
<p>
Brunch seitan photo booth selfies. Celiac sustainable wolf. Synth church-key art party celiac authentic hella. Lomo salvia goth put a bird on it lumbersexual.
Selfies bespoke leggings cornhole echo. Health austin food truck swag tattooed cleanse. Skateboard wolf tattooed offal banh mi everyday. Gastropub pork belly mlkshk typewriter tattooed neutra lo-fi meditation. Authentic chicharrones pinterest mustache food truck bitters.
</p>
<h2>Chicharrones cardigan beard aesthetic keytar portland organic</h2>
<h5>Mixtape crucifix hammock gluten-free freegan wayfarers chia</h5>
<p>
Park tacos messenger bag selfies occupy. Tilde lomo freegan pickled thundercats. Vinegar drinking mlkshk yr.
Pour-over godard thundercats iphone pinterest organic post-ironic skateboard. Vinegar messenger bag marfa. Bitters wes anderson fingerstache. Master pug vinegar fingerstache vegan.
</p>
<ul>
<li>Selfies hella meditation bushwick. Godard literally tattooed small batch. Flannel taxidermy ennui meh chartreuse small batch green juice.</li>
<li>Distillery small batch roof organic lo-fi blog cliche. Vhs lumbersexual sartorial trust fund +1. Pork belly kale chips knausgaard. Normcore neutra distillery phlogiston chambray. Cleanse slow-carb narwhal butcher typewriter iphone offal pop-up.</li>
<li>Hoodie sriracha yuccie art party polaroid swag. Post-ironic schlitz cardigan kickstarter intelligentsia swag keytar. Chicharrones crucifix whatever taxidermy kombucha you probably haven't heard of them venmo neutra. Literally hoodie chartreuse yolo disrupt beard. Sriracha farm-to-table williamsburg offal.</li>
</ul>
<ol>
<li>Gastropub migas everyday banh mi artisan echo. Mixtape literally vinyl dreamcatcher vice 8-bit tofu. Farm-to-table shoreditch meh. Meggings pabst thundercats ramps microdosing wolf.</li>
<li>Master cleanse next level viral chia. Wayfarers selvage trust fund bushwick tattooed yuccie phlogiston. Before they sold out carry godard neutra. Deep v viral cardigan etsy intelligentsia waistcoat. Kitsch bicycle rights chia keytar mumblecore literally williamsburg.</li>
<li>Meggings austin kitsch keytar. Green juice yr lumbersexual +1 try-hard quinoa phlogiston. Letterpress blog pickled kitsch selfies cornhole. Fixie 3 wolf moon hella art party.</li>
</ol>
<h2>Button as link</h2>
<p>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Iphone meh slow-carb tilde pinterest single-origin coffee 8-bit chambray. Stumptown freegan pug locavore fingerstache disrupt. Franzen irony messenger bag farm-to-table health typewriter keytar. Wes anderson bicycle rights 8-bit pbr&b wayfarers ugh single-origin coffee.</button>
</p>
<p>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Single link</button>
</p>
</div>
Scope content with class .vi-typesystem and modifier --blockquote will apply blockquote styling
to <blockquote> elements if the element is the direct child of the .vi-typesystem--blockquote.
Can be mixed with ALL modifiers.
Craft beer poutine hashtag ethical fanny pack microdosing you probably haven't heard of them mixtape. Vinyl letterpress cred pour-over seitan muggle magic you probably haven't heard of them biodiesel. Blog bicycle rights gastropub retro vinyl occupy synth butcher. Ethical helvetica drinking chambray vegan.
marfa heirloom ethical
Portland irony hella flannel pop-up yolo umami. Neutra you probably haven't heard of them artisan seitan meditation. Craft beer xoxo food truck 3 wolf moon stumptown chartreuse irony retro. Farm-to-table street actually schlitz deep v craft beer shabby chic. Salvia meh muggle magic 3 wolf moon single-origin coffee bitters.
Heirloom tofu bitters next level flexitarian scenester mixtape knausgaard. Keffiyeh biodiesel pop-up synth cornhole humblebrag art party whatever. Keffiyeh brooklyn intelligentsia stumptown flannel kitsch hella craft beer. Shabby chic schlitz waistcoat 8-bit post-ironic umami meggings.
Sustainable phlogiston pickled meggings. Jean shorts before they sold out beard single-origin coffee butcher tote bag. Narwhal sustainable bushwick semiotics small batch poutine brunch. Five dollar toast scenester food truck poutine pork belly single-origin coffee chambray street. Kombucha narwhal actually taxidermy poutine pickled.
Blockquote with footer after paragraph
Flannel heirloom pinterest. Aesthetic kickstarter shabby chic viral selfies yolo church-key. Truffaut tacos selfies cornhole. Meggings church-key tote bag farm-to-table meh goth. Jean shorts tacos church-key artisan pabst shoreditch.
Waistcoat keffiyeh actually. Scenester cleanse shoreditch pabst deep v farm-to-table 3 wolf moon kinfolk. Flannel single-origin coffee chartreuse microdosing pug mixtape listicle.
Blockquote with footer after heading
<div class="vi-typesystem vi-typesystem--blockquote">
<p>Craft beer poutine hashtag ethical fanny pack microdosing you probably haven't heard of them mixtape. Vinyl letterpress cred pour-over seitan muggle magic you probably haven't heard of them biodiesel. Blog bicycle rights gastropub retro vinyl occupy synth butcher. Ethical helvetica drinking chambray vegan.</p>
<blockquote>
<h4>marfa heirloom ethical</h4>
<p>Portland irony hella flannel pop-up yolo umami. Neutra you probably haven't heard of them artisan seitan meditation. Craft beer xoxo food truck 3 wolf moon stumptown chartreuse irony retro. Farm-to-table street actually schlitz deep v craft beer shabby chic. Salvia meh muggle magic 3 wolf moon single-origin coffee bitters.</p>
<p>Heirloom tofu bitters next level flexitarian scenester mixtape knausgaard. Keffiyeh biodiesel pop-up synth cornhole humblebrag art party whatever. Keffiyeh brooklyn intelligentsia stumptown flannel kitsch hella craft beer. Shabby chic schlitz waistcoat 8-bit post-ironic umami meggings.</p>
</blockquote>
<p>Sustainable phlogiston pickled meggings. Jean shorts before they sold out beard single-origin coffee butcher tote bag. Narwhal sustainable bushwick semiotics small batch poutine brunch. Five dollar toast scenester food truck poutine pork belly single-origin coffee chambray street. Kombucha narwhal actually taxidermy poutine pickled.</p>
<blockquote>
<h4>Blockquote with footer after paragraph</h4>
<p>Flannel heirloom pinterest. Aesthetic kickstarter shabby chic viral selfies yolo church-key. Truffaut tacos selfies cornhole. Meggings church-key tote bag farm-to-table meh goth. Jean shorts tacos church-key artisan pabst shoreditch.</p>
<footer>
kickstarter YOLO vice
<cite>sriracha</cite>
</footer>
</blockquote>
<p>Waistcoat keffiyeh actually. Scenester cleanse shoreditch pabst deep v farm-to-table 3 wolf moon kinfolk. Flannel single-origin coffee chartreuse microdosing pug mixtape listicle.</p>
<blockquote>
<h4>Blockquote with footer after heading</h4>
<footer>
twee schlitz cliche
<cite>squid</cite>
</footer>
</blockquote>
</div>
Scope content with class .vi-typesystem and modifier --collapse-last collapses margin on the h1-h6, .h1-.h6, .lead, <ol>, <ul>, <dl> and <p> elements
if the element is the last and direct child of the .vi-typesystem--collapse-last.
Can be mixed with ALL modifiers.
Roof franzen mumblecore bushwick. Raw denim stumptown asymmetrical post-ironic yuccie. Goth disrupt butcher artisan roof. 3 wolf moon health umami roof diy ennui pour-over. Gentrify fashion axe crucifix paleo drinking.
Cred godard literally actually health twee meditation. Single-origin coffee hoodie vinyl xoxo sriracha. Vinyl xoxo echo meggings chartreuse crucifix gentrify.
<div class="vi-typesystem vi-typesystem--collapse-last">
<h1>Master phlogiston literally slow-carb banjo seitan typewriter migas</h1>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<h2>Dreamcatcher echo yolo distillery authentic cliche leggings chillwave mumblecore</h2>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<h3>Microdosing poutine hashtag migas xoxo venmo leggings</h3>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<h4>Cliche hashtag pickled loko polaroid kitsch wayfarers cleanse meh</h4>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<h5>Bushwick brooklyn loko fingerstache chambray umami tilde forage</h5>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<h6>Gastropub vice knausgaard cred portland cardigan dreamcatcher quinoa</h6>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<p class="lead">Roof franzen mumblecore bushwick. Raw denim stumptown asymmetrical post-ironic yuccie. Goth disrupt butcher artisan roof. 3 wolf moon health umami roof diy ennui pour-over. Gentrify fashion axe crucifix paleo drinking.</p>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<p>Cred godard literally actually health twee meditation. Single-origin coffee hoodie vinyl xoxo sriracha. Vinyl xoxo echo meggings chartreuse crucifix gentrify.</p>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<ul>
<li>Drinking polaroid tousled cred bicycle rights echo intelligentsia 3 wolf moon. Echo distillery locavore. Try-hard microdosing cardigan. Bushwick tumblr fashion axe vegan polaroid wes anderson flannel messenger bag. Actually aesthetic chicharrones echo truffaut 90's deep v.</li>
<li>Pitchfork put a bird on it single-origin coffee marfa small batch ennui. Stumptown paleo chambray chia art party. Brunch literally offal yolo.</li>
<li>Artisan gentrify shoreditch kombucha. 3 wolf moon single-origin coffee loko. Scenester bushwick cronut tilde. Pour-over goth bicycle rights next level mixtape diy trust fund.</li>
</ul>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<ol>
<li>Chartreuse kinfolk ramps pitchfork. Venmo bushwick chartreuse. Williamsburg chambray banh mi photo booth everyday iphone gluten-free bitters.</li>
<li>Actually meggings seitan meh 3 wolf moon. Pickled synth chartreuse biodiesel everyday. Wes anderson etsy heirloom. Try-hard helvetica godard paleo. Lumbersexual tacos loko asymmetrical try-hard waistcoat shoreditch.</li>
<li>Humblebrag butcher vice neutra disrupt etsy retro. Selvage slow-carb 3 wolf moon deep v flexitarian. Slow-carb lomo photo booth pop-up. Yr tumblr raw denim pickled bicycle rights. Brooklyn williamsburg phlogiston cliche.</li>
</ol>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<dl>
<dt>squid</dt>
<dd>Tumblr kitsch fingerstache brunch banh mi freegan. Authentic twee locavore beard muggle magic. Narwhal disrupt hashtag godard keytar chicharrones. Roof mustache intelligentsia.</dd>
<dt>pop-up</dt>
<dd>Biodiesel gentrify microdosing occupy post-ironic cold-pressed skateboard etsy. Butcher vinegar freegan farm-to-table synth. Vinegar cred authentic artisan tumblr venmo freegan.</dd>
<dt>migas</dt>
<dd>Beard small batch mumblecore stumptown truffaut umami shabby chic. Direct trade godard quinoa franzen carry chicharrones. Humblebrag park small batch.</dd>
</dl>
</div>
Scope content with class .vi-typesystem and modifier --offset-underline for multiline offset of underline.
The underline is placed under the descender of the letter. No ink-skipping is applied.
Use only in combination with small (--small) modifier.
<div class="vi-typesystem vi-typesystem--offset-underline vi-typesystem--small">
<p>
<a href="#">Crucifix pickled locavore intelligentsia sustainable listicle migas try-hard. Portland hashtag tofu crucifix seitan wayfarers selvage. Dreamcatcher listicle vinegar try-hard cornhole. Marfa goth paleo everyday swag vinegar dreamcatcher tilde.</a>
</p>
<p>
<small class="text-muted">button as link</small>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Cold-pressed xoxo microdosing. Cronut skateboard pork belly ramps. 90's yr flexitarian. Poutine authentic deep v kombucha retro bicycle rights heirloom pbr&b. Tote bag direct trade echo lumbersexual hashtag intelligentsia polaroid.</button>
</p>
</div>