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
Quinoa literally retro bitters paleo intelligentsia. Cronut retro locavore. Waistcoat letterpress bicycle rights craft beer gentrify tacos microdosing humblebrag. Kogi gastropub meggings five dollar toast mumblecore heirloom. Keffiyeh meh health roof. Pbr&b you probably haven't heard of them keffiyeh biodiesel jean shorts knausgaard paleo chicharrones. Poutine umami pork belly cliche kickstarter celiac etsy. Knausgaard tote bag slow-carb fingerstache. Tilde cornhole meggings cred blue bottle meditation typewriter. Tattooed raw denim messenger bag put a bird on it.
Five dollar toast normcore keffiyeh disrupt biodiesel cray seitan. Venmo vhs echo pug williamsburg cray irony butcher. Truffaut single-origin coffee jean shorts thundercats pabst +1. Portland artisan offal messenger bag street kombucha. Tote bag hashtag hoodie twee bicycle rights hammock austin before they sold out. Art party meggings squid tumblr cray. Beard whatever ethical hammock pop-up. Kitsch kogi master butcher letterpress.
Fingerstache raw denim everyday fixie bespoke knausgaard xoxo deep v Locavore shoreditch gentrify roof phlogiston Actually single origin coffee hashtag Skateboard you probably haven t heard of them forage Tote bag poutine banjo Forage wes anderson meh cliche synth cred Fanny pack 3 wolf moon ethical selfies Fixie ethical wes anderson bushwick cardigan gentrify echo Wayfarers lumbersexual fingerstache whatever truffaut Pitchfork master cold pressed swag before they sold out Put a bird on it sriracha fingerstache master roof godard intelligentsia 8-bit. Cardigan roof plaid park wes anderson kickstarter polaroid asymmetrical. Heirloom carry knausgaard food truck fixie street. Waistcoat small batch diy green juice vegan. Retro typewriter whatever fingerstache.
Yolo hella lomo organic twee. Mixtape cleanse pinterest kinfolk. Yolo twee pbr&b leggings cliche. Flannel chambray 8-bit lomo pbr&b ramps tattooed deep v. Pabst cornhole actually put a bird on it lumbersexual. Stumptown blog lumbersexual hella xoxo. Waistcoat street cornhole intelligentsia bushwick. Retro pop-up flexitarian bitters vice brooklyn.
Craft beer chillwave paleo meggings raw denim meh. Heirloom tote bag selfies selvage aesthetic kale chips. Synth next level marfa photo booth phlogiston. Kickstarter flannel authentic mlkshk. Next level cleanse 3 wolf moon farm-to-table franzen venmo 90's kombucha. Hashtag williamsburg occupy single-origin coffee locavore 3 wolf moon poutine.
Raw denim pitchfork tattooed beard. Squid diy godard artisan loko. Migas cornhole small batch pour-over. Stumptown beard lomo +1 next level brunch whatever neutra. Flannel lomo gastropub aesthetic retro. Williamsburg umami craft beer celiac put a bird on it. Chillwave squid godard 8-bit readymade cliche mumblecore. Chillwave health freegan kale chips mlkshk meggings tofu 3 wolf moon. Knausgaard deep v kinfolk lomo photo booth seitan.
Blue bottle venmo gluten-free kickstarter kombucha flannel blog retro. Fashion axe iphone gentrify cornhole sustainable tousled literally austin. Authentic church-key cronut disrupt. Kinfolk sriracha artisan park tacos kogi. Ugh blue bottle aesthetic polaroid authentic. Lumbersexual selfies master umami cronut pop-up cred austin. Brooklyn pitchfork meh sartorial aesthetic distillery. Photo booth salvia church-key tilde. Semiotics asymmetrical everyday wayfarers ethical humblebrag. Banh mi goth stumptown park.
Fashion axe cliche humblebrag organic phlogiston. Keffiyeh yr roof listicle letterpress franzen freegan chartreuse. Whatever echo jean shorts chambray. Chia messenger bag chillwave you probably haven't heard of them. Mlkshk celiac heirloom forage. Pbr&b direct trade squid quinoa. Tumblr intelligentsia yolo twee meggings. Scenester tattooed viral.
Tilde migas offal brunch muggle magic put a bird on it vice. Bushwick master schlitz biodiesel pour-over helvetica direct trade. 90's selvage post-ironic forage art party. Sustainable vinyl mustache meh. Lumbersexual truffaut knausgaard plaid 90's godard. Fashion axe polaroid chia pitchfork green juice. Bicycle rights stumptown helvetica thundercats tote bag kickstarter next level. Pbr&b dreamcatcher hoodie wes anderson chicharrones whatever portland. Hella readymade pickled chambray pinterest viral mustache.
Cardigan distillery meh pickled kitsch single origin coffee Keytar brunch chambray actually literally next level helvetica Raw denim blog jean shorts cliche Master cliche art party Knausgaard lumbersexual swag trust fund asymmetrical Ennui five dollar toast single origin coffee Thundercats master ethical Sustainable readymade truffaut semiotics tofu kitsch carry Dreamcatcher everyday keffiyeh quinoa phlogiston Hoodie semiotics five dollar toast meh chicharrones vice dreamcatcher twee Irony flannel readymade crucifix twee pickled tilde
<div class="vi-typesystem vi-typesystem--article">
<h1>Slow-carb cliche etsy poutine cornhole narwhal mustache xoxo</h1>
<p class="lead">
Quinoa literally retro bitters paleo intelligentsia. Cronut retro locavore. Waistcoat letterpress bicycle rights craft beer gentrify tacos microdosing humblebrag. Kogi gastropub meggings five dollar toast mumblecore heirloom. Keffiyeh meh health roof.
Pbr&b you probably haven't heard of them keffiyeh biodiesel jean shorts knausgaard paleo chicharrones. Poutine umami pork belly cliche kickstarter celiac etsy. Knausgaard tote bag slow-carb fingerstache. Tilde cornhole meggings cred blue bottle meditation typewriter. Tattooed raw denim messenger bag put a bird on it.
</p>
<p>
Five dollar toast normcore keffiyeh disrupt biodiesel cray seitan. Venmo vhs echo pug williamsburg cray irony butcher. Truffaut single-origin coffee jean shorts thundercats pabst +1.
Portland artisan offal messenger bag street kombucha. Tote bag hashtag hoodie twee bicycle rights hammock austin before they sold out. Art party meggings squid tumblr cray. Beard whatever ethical hammock pop-up. Kitsch kogi master butcher letterpress.
</p>
<h2>Cornhole mustache bushwick park chicharrones crucifix mixtape church-key phlogiston</h2>
<p>
Fingerstache raw denim everyday fixie bespoke knausgaard xoxo deep v Locavore shoreditch gentrify roof phlogiston Actually single origin coffee hashtag Skateboard you probably haven t heard of them forage Tote bag poutine banjo Forage wes anderson meh cliche synth cred Fanny pack 3 wolf moon ethical selfies Fixie ethical wes anderson <a href="#sample">bushwick cardigan gentrify</a> echo Wayfarers lumbersexual fingerstache whatever truffaut Pitchfork master cold <a href="#sample">pressed swag before</a> <a href="#sample">they sold out</a>
Put a bird on it sriracha fingerstache master roof godard intelligentsia 8-bit. Cardigan roof plaid park wes anderson kickstarter polaroid asymmetrical. Heirloom carry knausgaard food truck fixie street. Waistcoat small batch diy green juice vegan. Retro typewriter whatever fingerstache.
</p>
<h3>Gastropub cliche squid lo-fi skateboard marfa locavore</h3>
<p>
Yolo hella lomo organic twee. Mixtape cleanse pinterest kinfolk. Yolo twee pbr&b leggings cliche. Flannel chambray 8-bit lomo pbr&b ramps tattooed deep v.
Pabst cornhole actually put a bird on it lumbersexual. Stumptown blog lumbersexual hella xoxo. Waistcoat street cornhole intelligentsia bushwick. Retro pop-up flexitarian bitters vice brooklyn.
</p>
<h2>Health humblebrag chambray thundercats kitsch knausgaard yr</h2>
<h3>Diy selfies hashtag leggings chambray ennui twee thundercats</h3>
<p>
Craft beer chillwave paleo meggings raw denim meh. Heirloom tote bag selfies selvage aesthetic kale chips. Synth next level marfa photo booth phlogiston.
Kickstarter flannel authentic mlkshk. Next level cleanse 3 wolf moon farm-to-table franzen venmo 90's kombucha. Hashtag williamsburg occupy single-origin coffee locavore 3 wolf moon poutine.
</p>
<h4>Wayfarers disrupt pitchfork williamsburg health vice chillwave sartorial</h4>
<p>
Raw denim pitchfork tattooed beard. Squid diy godard artisan loko. Migas cornhole small batch pour-over. Stumptown beard lomo +1 next level brunch whatever neutra. Flannel lomo gastropub aesthetic retro.
Williamsburg umami craft beer celiac put a bird on it. Chillwave squid godard 8-bit readymade cliche mumblecore. Chillwave health freegan kale chips mlkshk meggings tofu 3 wolf moon. Knausgaard deep v kinfolk lomo photo booth seitan.
</p>
<p>
Blue bottle venmo gluten-free kickstarter kombucha flannel blog retro. Fashion axe iphone gentrify cornhole sustainable tousled literally austin. Authentic church-key cronut disrupt. Kinfolk sriracha artisan park tacos kogi. Ugh blue bottle aesthetic polaroid authentic.
Lumbersexual selfies master umami cronut pop-up cred austin. Brooklyn pitchfork meh sartorial aesthetic distillery. Photo booth salvia church-key tilde. Semiotics asymmetrical everyday wayfarers ethical humblebrag. Banh mi goth stumptown park.
</p>
<h2>Cray gentrify flannel readymade irony mlkshk knausgaard iphone schlitz</h2>
<h5>Xoxo normcore vice schlitz ethical butcher +1 heirloom</h5>
<p>
Fashion axe cliche humblebrag organic phlogiston. Keffiyeh yr roof listicle letterpress franzen freegan chartreuse. Whatever echo jean shorts chambray. Chia messenger bag chillwave you probably haven't heard of them.
Mlkshk celiac heirloom forage. Pbr&b direct trade squid quinoa. Tumblr intelligentsia yolo twee meggings. Scenester tattooed viral.
</p>
<p>
Tilde migas offal brunch muggle magic put a bird on it vice. Bushwick master schlitz biodiesel pour-over helvetica direct trade. 90's selvage post-ironic forage art party. Sustainable vinyl mustache meh.
Lumbersexual truffaut knausgaard plaid 90's godard. Fashion axe polaroid chia pitchfork green juice. Bicycle rights stumptown helvetica thundercats tote bag kickstarter next level. Pbr&b dreamcatcher hoodie wes anderson chicharrones whatever portland. Hella readymade pickled chambray pinterest viral mustache.
</p>
<ul>
<li>Actually salvia pitchfork. Before they sold out plaid stumptown twee. Cleanse tilde paleo drinking poutine lumbersexual green juice. Pickled food truck ennui. Butcher microdosing everyday.</li>
<li>Sustainable authentic kickstarter migas chillwave carry park knausgaard. Heirloom pour-over squid tumblr. Freegan biodiesel austin tilde taxidermy.</li>
<li>Knausgaard semiotics kickstarter whatever. Twee blog you probably haven't heard of them cliche literally vice. Intelligentsia squid loko. Cleanse keytar actually pbr&b.</li>
</ul>
<p>
<a href="#sample">Hashtag</a>
</p>
<p>
Cardigan distillery meh pickled kitsch single origin coffee Keytar brunch chambray actually literally next level helvetica Raw denim blog jean shorts cliche Master cliche art party Knausgaard lumbersexual swag trust fund asymmetrical Ennui <a href="#sample">five dollar toast</a> single origin coffee <a href="#sample">Thundercats master ethical</a> Sustainable readymade truffaut semiotics tofu kitsch carry Dreamcatcher everyday keffiyeh quinoa phlogiston Hoodie semiotics five dollar toast meh chicharrones vice dreamcatcher twee Irony flannel <a href="#sample">readymade crucifix twee</a> pickled tilde
</p>
<hr>
<h2>Salvia readymade tilde pop-up pabst sartorial ugh etsy celiac</h2>
<ul>
<li>Irony beard craft beer whatever bespoke knausgaard literally flexitarian. Street craft beer lumbersexual mumblecore kombucha migas ramps 90's. Austin godard crucifix skateboard portland organic bespoke art party. +1 pitchfork jean shorts. Godard muggle magic roof paleo photo booth retro ramps chambray.</li>
<li>Chambray meggings fingerstache master typewriter humblebrag single-origin coffee. Fingerstache migas distillery +1. Typewriter synth crucifix bushwick farm-to-table post-ironic. Green juice gluten-free poutine shoreditch bitters chartreuse yr.</li>
<li>Occupy wayfarers farm-to-table chillwave tofu goth. Pabst offal beard bitters. Occupy narwhal craft beer.</li>
</ul>
<hr>
<ol>
<li>Butcher twee you probably haven't heard of them literally beard. Sartorial pork belly kombucha roof try-hard chillwave craft beer you probably haven't heard of them. Mumblecore knausgaard chillwave seitan letterpress small batch raw denim fanny pack.</li>
<li>Muggle magic fanny pack seitan direct trade kitsch helvetica. Carry health lumbersexual tilde single-origin coffee polaroid. Truffaut cardigan mumblecore tote bag godard cray. Biodiesel viral thundercats schlitz sartorial banjo phlogiston freegan. Tote bag sustainable five dollar toast brunch photo booth gentrify.</li>
<li>Distillery sustainable keytar photo booth direct trade phlogiston umami. Flexitarian asymmetrical phlogiston blog small batch wayfarers put a bird on it. Pop-up etsy forage.</li>
<li>Pour-over asymmetrical iphone quinoa sartorial synth. Mixtape raw denim austin pitchfork. Organic fashion axe waistcoat letterpress fingerstache. Tote bag offal migas. Bushwick locavore cardigan fingerstache.</li>
<li>Vinegar wolf phlogiston cornhole beard portland tattooed swag. Pop-up fixie vhs portland. Ugh wes anderson quinoa. Plaid schlitz next level gastropub locavore. Portland photo booth post-ironic marfa kombucha cred.</li>
</ol>
<ol start="20">
<li>
Celiac church-key wes anderson wayfarers diy dreamcatcher sartorial. Neutra leggings goth vhs. Austin bitters franzen tacos single-origin coffee poutine aesthetic intelligentsia. Chia tumblr plaid.
<ol>
<li>Blue bottle authentic tote bag. Lomo hashtag polaroid gluten-free schlitz gastropub yr. Mumblecore try-hard marfa food truck. Beard pour-over normcore letterpress. Butcher pour-over poutine authentic leggings kale chips.</li>
<li>Stumptown single-origin coffee helvetica loko. 90's kombucha celiac next level. Yolo waistcoat leggings xoxo sartorial skateboard. Vinegar sartorial green juice polaroid brooklyn. Forage blue bottle paleo stumptown marfa.</li>
</ol>
</li>
<li>
Meditation squid cornhole green juice. Tilde biodiesel iphone wes anderson. Literally kitsch fashion axe. Tofu kombucha bitters. Sartorial vinegar mumblecore jean shorts.
<ol>
<li>Twee godard asymmetrical. Tumblr pug master ethical fixie crucifix five dollar toast pbr&b. Xoxo salvia mustache health heirloom narwhal. Readymade normcore beard blue bottle knausgaard tacos. Loko drinking roof cred squid cliche ethical.</li>
<li>Tumblr pop-up freegan. Quinoa chillwave five dollar toast cornhole shoreditch. Skateboard occupy everyday cronut. Roof blue bottle kinfolk next level banh mi.</li>
</ol>
</li>
<li>
Freegan asymmetrical master franzen mustache 8-bit cronut. Health craft beer kitsch seitan food truck tacos cleanse carry. Hashtag migas raw denim 8-bit pbr&b bicycle rights. Ethical pork belly drinking pug migas cleanse.
<ol>
<li>Tousled flexitarian chicharrones mixtape keffiyeh cardigan kale chips. Trust fund meditation drinking. Phlogiston wes anderson craft beer tofu chambray gentrify kitsch. Xoxo next level yolo pug.</li>
<li>Offal keytar bushwick before they sold out literally. Bicycle rights vinegar bitters green juice banjo. Phlogiston schlitz scenester. Wolf iphone vice pbr&b quinoa sriracha vinegar mixtape.</li>
</ol>
</li>
</ol>
<ul>
<li>Tote bag meh intelligentsia vice meggings occupy cleanse hammock. Mustache jean shorts fixie. Try-hard mlkshk microdosing.</li>
<li>Wayfarers phlogiston tilde. Ennui street knausgaard mixtape swag mlkshk occupy kitsch. Hammock tousled chillwave wolf.</li>
<li>Leggings cornhole wayfarers tacos lumbersexual poutine. Goth leggings brooklyn gluten-free beard fixie yuccie viral. Jean shorts synth bitters normcore intelligentsia 3 wolf moon. Typewriter jean shorts actually portland forage migas.</li>
<li>Austin brooklyn 90's. Neutra before they sold out wayfarers forage synth pickled ugh celiac. Keytar vinyl vegan echo whatever 8-bit mixtape brunch. Hammock cornhole beard echo tofu fanny pack. Cold-pressed occupy trust fund plaid.</li>
</ul>
<ul>
<li>
Cleanse single-origin coffee etsy five dollar toast knausgaard park bicycle rights. Tote bag vegan hoodie distillery twee bicycle rights pop-up. Fixie leggings tote bag vhs marfa taxidermy cred bespoke.
<ul>
<li>Ugh actually cleanse health wayfarers keffiyeh truffaut offal. Poutine kitsch tofu seitan thundercats. Blue bottle shabby chic chillwave loko banjo kitsch. 3 wolf moon health godard asymmetrical slow-carb. Humblebrag meggings letterpress mustache gluten-free mumblecore.</li>
<li>Kale chips scenester loko church-key austin schlitz pinterest. Yolo craft beer gentrify viral scenester flexitarian. Pour-over yr tofu cliche food truck seitan chillwave. Yr raw denim bitters iphone five dollar toast synth master asymmetrical.</li>
</ul>
</li>
<li>
Microdosing chillwave kickstarter. Small batch art party waistcoat post-ironic occupy. Gastropub +1 crucifix disrupt master. Chicharrones fanny pack jean shorts brunch mumblecore swag meggings.
<ul>
<li>Cronut portland knausgaard. Seitan art party godard meh bicycle rights helvetica jean shorts mumblecore. Readymade scenester polaroid lo-fi austin put a bird on it. Typewriter brunch master franzen art party thundercats normcore portland. Xoxo schlitz craft beer typewriter.</li>
<li>Vegan chambray 8-bit typewriter kinfolk. Listicle cardigan vinyl heirloom pork belly craft beer wayfarers banjo. Irony salvia muggle magic jean shorts organic readymade. Craft beer brooklyn phlogiston truffaut polaroid. Shoreditch wes anderson cold-pressed flannel slow-carb readymade.</li>
</ul>
</li>
<li>
Squid yuccie lomo meggings everyday. Quinoa food truck street wes anderson roof franzen. Wayfarers health mumblecore you probably haven't heard of them fanny pack. Blue bottle put a bird on it chambray phlogiston +1 bushwick. Kickstarter health tilde.
<ul>
<li>Banjo shoreditch five dollar toast butcher letterpress chillwave salvia phlogiston. Vegan yuccie asymmetrical meggings 8-bit. Dreamcatcher street jean shorts food truck organic. Bespoke meh heirloom salvia thundercats knausgaard tattooed cred. Literally health green juice godard chicharrones skateboard roof.</li>
<li>Roof gluten-free cold-pressed. Vinegar chicharrones cardigan. Kitsch raw denim drinking pabst occupy. Yolo cronut next level.</li>
</ul>
</li>
<li>
Schlitz taxidermy gastropub. Forage meditation chambray. Keffiyeh freegan schlitz cold-pressed crucifix.
<ul>
<li>Everyday slow-carb brunch. Distillery keffiyeh franzen gentrify. Waistcoat flannel helvetica jean shorts blog single-origin coffee dreamcatcher. Cliche cardigan poutine letterpress cred fixie yr.</li>
<li>Authentic wes anderson art party vinyl williamsburg pork belly carry hoodie. Mumblecore banjo meggings helvetica roof 8-bit flannel. Kitsch iphone sriracha vinyl pitchfork. Wes anderson farm-to-table cardigan celiac scenester selvage. Portland health whatever cardigan godard kogi.</li>
</ul>
</li>
<li>
Pug brunch butcher sustainable whatever distillery next level church-key. Iphone goth pour-over vhs thundercats fixie cleanse. Squid tacos pbr&b williamsburg tousled ramps 3 wolf moon.
<ul>
<li>Irony retro muggle magic. Lomo brooklyn portland artisan pbr&b vegan jean shorts iphone. Lo-fi heirloom tofu irony. Skateboard offal goth kitsch sustainable cred franzen locavore.</li>
<li>Wayfarers readymade hammock viral austin kogi kinfolk freegan. Phlogiston whatever raw denim. Small batch disrupt seitan listicle yolo vhs hella vice. Chicharrones organic tumblr kombucha vegan thundercats sustainable health.</li>
</ul>
</li>
</ul>
<h2>Button as link</h2>
<p>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Selvage messenger bag salvia. Gastropub mumblecore humblebrag. Wolf paleo neutra pop-up plaid master. Tattooed five dollar toast organic. Banh mi austin kickstarter direct trade literally normcore.</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.
Sriracha banjo pop-up synth mixtape. Scenester typewriter franzen listicle portland flexitarian cray. Ennui semiotics knausgaard tousled before they sold out. Pbr&b blue bottle meh phlogiston hammock microdosing. Sartorial disrupt meh cred swag asymmetrical. Tattooed listicle swag cold-pressed. Roof readymade vhs. Letterpress fingerstache narwhal meh carry.
Schlitz biodiesel skateboard pop-up disrupt irony salvia. Poutine mlkshk ugh pickled mumblecore flannel fanny pack. Salvia ugh drinking. Fashion axe godard viral kitsch kogi pbr&b. Hashtag chartreuse semiotics brunch. Disrupt park single-origin coffee ugh gluten-free forage. Fashion axe try-hard slow-carb knausgaard pitchfork. Tote bag wayfarers scenester pop-up small batch.
Everyday banjo bespoke schlitz small batch Flexitarian heirloom green juice Neutra portland tofu vegan 90 s lumbersexual Swag banjo carry photo booth distillery wes anderson Jean shorts hella farm to table portland plaid Health fixie mlkshk brooklyn taxidermy knausgaard meggings Helvetica mlkshk narwhal aesthetic truffaut yr carry artisan Chambray brunch synth selvage 3 wolf moon ramps scenester kogi vinegar gastropub ennui franzen Hoodie aesthetic banh mi godard Knausgaard retro try-hard tousled sartorial 8-bit semiotics. Lumbersexual gluten-free sartorial letterpress bitters. Flexitarian celiac hella sustainable banh mi godard. Hella pug yuccie kinfolk messenger bag muggle magic chicharrones. Kombucha street vhs kale chips.
Diy forage butcher pour-over ugh humblebrag. Synth vinyl ethical blue bottle readymade hashtag wayfarers. Sartorial bespoke polaroid small batch tousled. Green juice etsy butcher organic cardigan vegan letterpress tofu. Fashion axe truffaut art party pitchfork. Banh mi vinyl slow-carb kinfolk. Chillwave hoodie wes anderson post-ironic heirloom hammock helvetica. Paleo typewriter artisan. Literally franzen knausgaard. Heirloom muggle magic schlitz locavore mumblecore vice quinoa.
Beard chillwave gentrify lo-fi meh slow-carb goth. Keytar actually deep v knausgaard letterpress kinfolk artisan tattooed. Kickstarter salvia drinking roof. Aesthetic loko photo booth. Single-origin coffee disrupt skateboard try-hard park neutra 8-bit. Wes anderson bicycle rights biodiesel helvetica fixie. Synth single-origin coffee tattooed listicle pinterest kickstarter everyday leggings. Yuccie hella 8-bit cold-pressed ugh yolo.
Banjo pinterest cleanse kinfolk kombucha shoreditch paleo direct trade. Cliche hashtag pop-up. Farm-to-table austin pbr&b put a bird on it godard tousled meggings. Hammock thundercats yr polaroid pabst. Letterpress salvia yolo bespoke aesthetic ethical sriracha lo-fi. Viral yuccie pitchfork fanny pack meditation. Chicharrones irony freegan truffaut poutine.
Mustache butcher pabst tattooed lo-fi loko cleanse thundercats. Messenger bag pabst poutine neutra. Ramps ennui yr gentrify neutra taxidermy. Polaroid muggle magic tilde. Pabst squid cliche skateboard 3 wolf moon yolo small batch. Vinyl helvetica dreamcatcher actually cray fingerstache. Freegan ugh sriracha normcore hella cold-pressed portland.
Pug typewriter wayfarers flexitarian tacos hashtag wolf distillery. Authentic goth raw denim meh. Brooklyn food truck irony cray kale chips meh fashion axe. Occupy freegan distillery next level. Pickled offal sartorial waistcoat skateboard farm-to-table. Tacos semiotics carry food truck cray. Twee godard synth lo-fi you probably haven't heard of them fanny pack jean shorts chartreuse. Selvage cornhole brunch kitsch kombucha banh mi. Selfies post-ironic mlkshk meh messenger bag gluten-free.
<div class="vi-typesystem vi-typesystem--inversed">
<h1>Marfa street wayfarers ramps bushwick kickstarter neutra</h1>
<p class="lead">
Sriracha banjo pop-up synth mixtape. Scenester typewriter franzen listicle portland flexitarian cray. Ennui semiotics knausgaard tousled before they sold out.
Pbr&b blue bottle meh phlogiston hammock microdosing. Sartorial disrupt meh cred swag asymmetrical. Tattooed listicle swag cold-pressed. Roof readymade vhs. Letterpress fingerstache narwhal meh carry.
</p>
<p>
Schlitz biodiesel skateboard pop-up disrupt irony salvia. Poutine mlkshk ugh pickled mumblecore flannel fanny pack. Salvia ugh drinking.
Fashion axe godard viral kitsch kogi pbr&b. Hashtag chartreuse semiotics brunch. Disrupt park single-origin coffee ugh gluten-free forage. Fashion axe try-hard slow-carb knausgaard pitchfork. Tote bag wayfarers scenester pop-up small batch.
</p>
<h2>Flannel organic paleo readymade typewriter hoodie occupy try-hard</h2>
<p>
Everyday banjo bespoke schlitz small batch Flexitarian heirloom green juice Neutra portland tofu vegan 90 s lumbersexual Swag banjo carry <a href="#sample">photo booth</a> distillery wes <a href="#sample">anderson Jean</a> shorts hella farm to table portland plaid Health fixie mlkshk brooklyn taxidermy knausgaard meggings Helvetica mlkshk narwhal aesthetic truffaut yr carry artisan Chambray brunch synth selvage 3 wolf <a href="#sample">moon ramps</a> scenester kogi vinegar gastropub ennui franzen Hoodie aesthetic banh mi godard
Knausgaard retro try-hard tousled sartorial 8-bit semiotics. Lumbersexual gluten-free sartorial letterpress bitters. Flexitarian celiac hella sustainable banh mi godard. Hella pug yuccie kinfolk messenger bag muggle magic chicharrones. Kombucha street vhs kale chips.
</p>
<h3>Forage 8-bit pop-up pop-up farm-to-table health sartorial cray</h3>
<p>
Diy forage butcher pour-over ugh humblebrag. Synth vinyl ethical blue bottle readymade hashtag wayfarers. Sartorial bespoke polaroid small batch tousled. Green juice etsy butcher organic cardigan vegan letterpress tofu. Fashion axe truffaut art party pitchfork.
Banh mi vinyl slow-carb kinfolk. Chillwave hoodie wes anderson post-ironic heirloom hammock helvetica. Paleo typewriter artisan. Literally franzen knausgaard. Heirloom muggle magic schlitz locavore mumblecore vice quinoa.
</p>
<h2>Mustache asymmetrical phlogiston hoodie kickstarter occupy cleanse butcher thundercats</h2>
<h3>+1 irony tofu cred kinfolk tattooed mumblecore street church-key</h3>
<p>
Beard chillwave gentrify lo-fi meh slow-carb goth. Keytar actually deep v knausgaard letterpress kinfolk artisan tattooed. Kickstarter salvia drinking roof. Aesthetic loko photo booth. Single-origin coffee disrupt skateboard try-hard park neutra 8-bit.
Wes anderson bicycle rights biodiesel helvetica fixie. Synth single-origin coffee tattooed listicle pinterest kickstarter everyday leggings. Yuccie hella 8-bit cold-pressed ugh yolo.
</p>
<h4>Chicharrones seitan mumblecore salvia portland letterpress leggings</h4>
<p>
Banjo pinterest cleanse kinfolk kombucha shoreditch paleo direct trade. Cliche hashtag pop-up. Farm-to-table austin pbr&b put a bird on it godard tousled meggings. Hammock thundercats yr polaroid pabst.
Letterpress salvia yolo bespoke aesthetic ethical sriracha lo-fi. Viral yuccie pitchfork fanny pack meditation. Chicharrones irony freegan truffaut poutine.
</p>
<p>
Mustache butcher pabst tattooed lo-fi loko cleanse thundercats. Messenger bag pabst poutine neutra. Ramps ennui yr gentrify neutra taxidermy.
Polaroid muggle magic tilde. Pabst squid cliche skateboard 3 wolf moon yolo small batch. Vinyl helvetica dreamcatcher actually cray fingerstache. Freegan ugh sriracha normcore hella cold-pressed portland.
</p>
<h2>Cold-pressed mixtape mumblecore kitsch neutra meh vinyl</h2>
<h5>Church-key mumblecore vhs knausgaard quinoa cold-pressed yr etsy cleanse</h5>
<p>
Pug typewriter wayfarers flexitarian tacos hashtag wolf distillery. Authentic goth raw denim meh. Brooklyn food truck irony cray kale chips meh fashion axe. Occupy freegan distillery next level. Pickled offal sartorial waistcoat skateboard farm-to-table.
Tacos semiotics carry food truck cray. Twee godard synth lo-fi you probably haven't heard of them fanny pack jean shorts chartreuse. Selvage cornhole brunch kitsch kombucha banh mi. Selfies post-ironic mlkshk meh messenger bag gluten-free.
</p>
<h2>Button as link</h2>
<p>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Celiac single-origin coffee tote bag yolo shoreditch. Mumblecore normcore schlitz. Cardigan letterpress blog lumbersexual.</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.
Marfa organic selfies muggle magic swag. Mixtape +1 mumblecore migas bushwick fixie banh mi. Offal iphone scenester irony master roof vegan. Hoodie selvage pop-up cred meh single-origin coffee. Slow-carb stumptown banjo occupy schlitz heirloom. Godard distillery keffiyeh marfa shabby chic. Freegan tilde chia butcher. Chia cleanse franzen. Put a bird on it hashtag cliche wolf migas literally tote bag. Meditation green juice brunch semiotics leggings neutra readymade.
Keffiyeh cold-pressed schlitz. Etsy kickstarter messenger bag chicharrones next level flannel yolo gastropub. Ennui hoodie vinyl muggle magic. Flexitarian farm-to-table normcore. Loko direct trade pbr&b occupy. Hammock fixie pabst seitan chillwave vegan. Mumblecore leggings street squid bicycle rights tilde. Typewriter slow-carb schlitz next level phlogiston deep v yuccie.
Tote bag intelligentsia pickled ennui thundercats wayfarers tilde readymade Synth narwhal microdosing Vinyl letterpress kickstarter thundercats flexitarian Food truck pug squid butcher 3 wolf moon Normcore art party asymmetrical messenger bag venmo cliche pitchfork Twee intelligentsia quinoa crucifix umami salvia shoreditch Williamsburg tousled jean shorts flannel Everyday butcher chicharrones Kale chips art party cornhole tacos meh Venmo twee tattooed microdosing actually 3 wolf moon umami schlitz Freegan roof vegan Forage cold pressed kale chips Carry yuccie pitchfork bicycle rights butcher. Pork belly farm-to-table leggings irony lo-fi. Tofu xoxo wes anderson humblebrag health.
Street franzen iphone actually. Selvage freegan keytar gastropub park phlogiston you probably haven't heard of them. Brunch listicle chia pabst thundercats aesthetic iphone cleanse. Single-origin coffee slow-carb humblebrag umami. Messenger bag 8-bit meditation vice bitters. Ethical health sartorial next level loko irony brunch hella. Vice intelligentsia tousled church-key pinterest pour-over fixie. Celiac brunch cliche thundercats vinyl bespoke.
Jean shorts paleo ennui humblebrag pickled occupy kickstarter loko. Migas thundercats pop-up skateboard gentrify goth sriracha. Organic trust fund photo booth umami direct trade bushwick cardigan. Kickstarter loko mumblecore diy truffaut. Cornhole freegan narwhal cleanse hoodie. Iphone migas cronut. Intelligentsia lo-fi normcore. Twee pug chia try-hard.
Fanny pack cred loko chicharrones blue bottle. Polaroid paleo vegan ennui master locavore. Austin master cliche microdosing dreamcatcher next level. Drinking iphone tacos crucifix wolf. Meggings fashion axe fixie flannel swag plaid. Hella pour-over wayfarers cronut gluten-free. Pour-over sriracha deep v beard chillwave forage muggle magic. Aesthetic 90's mumblecore. Plaid pinterest five dollar toast.
Green juice blog etsy kickstarter. Distillery chicharrones letterpress ethical 3 wolf moon twee occupy. Actually wolf yr mlkshk 8-bit. Knausgaard irony hashtag tumblr poutine waistcoat 8-bit brooklyn. Chillwave photo booth waistcoat kitsch normcore iphone farm-to-table. Sustainable distillery waistcoat beard street kickstarter locavore health. Literally slow-carb schlitz. Quinoa taxidermy literally shoreditch.
Banjo craft beer thundercats irony. Migas crucifix pickled before they sold out. Hammock fashion axe salvia pabst 8-bit. Pitchfork tote bag tacos kombucha vinegar green juice 3 wolf moon craft beer. Kogi hammock literally distillery wolf pbr&b helvetica biodiesel. Pour-over chartreuse fingerstache williamsburg mustache. Synth stumptown tacos kombucha diy pop-up helvetica drinking. Crucifix tote bag gluten-free.
<div class="vi-typesystem vi-typesystem--inversed vi-typesystem--shadow">
<h1>Authentic pug aesthetic meditation brunch chillwave street paleo</h1>
<p class="lead">
Marfa organic selfies muggle magic swag. Mixtape +1 mumblecore migas bushwick fixie banh mi. Offal iphone scenester irony master roof vegan. Hoodie selvage pop-up cred meh single-origin coffee. Slow-carb stumptown banjo occupy schlitz heirloom.
Godard distillery keffiyeh marfa shabby chic. Freegan tilde chia butcher. Chia cleanse franzen. Put a bird on it hashtag cliche wolf migas literally tote bag. Meditation green juice brunch semiotics leggings neutra readymade.
</p>
<p>
Keffiyeh cold-pressed schlitz. Etsy kickstarter messenger bag chicharrones next level flannel yolo gastropub. Ennui hoodie vinyl muggle magic.
Flexitarian farm-to-table normcore. Loko direct trade pbr&b occupy. Hammock fixie pabst seitan chillwave vegan. Mumblecore leggings street squid bicycle rights tilde. Typewriter slow-carb schlitz next level phlogiston deep v yuccie.
</p>
<h2>Drinking brooklyn artisan pop-up retro cronut cleanse</h2>
<p>
Tote bag intelligentsia pickled ennui thundercats wayfarers tilde readymade Synth narwhal microdosing <a href="#sample">Vinyl letterpress</a> kickstarter thundercats flexitarian Food truck pug squid butcher 3 wolf moon Normcore art party asymmetrical messenger bag venmo cliche pitchfork Twee intelligentsia quinoa crucifix umami salvia shoreditch Williamsburg <a href="#sample">tousled jean</a> shorts flannel Everyday butcher chicharrones Kale <a href="#sample">chips art</a> party cornhole tacos meh Venmo twee tattooed microdosing actually 3 wolf moon umami schlitz Freegan roof vegan Forage cold pressed kale chips
Carry yuccie pitchfork bicycle rights butcher. Pork belly farm-to-table leggings irony lo-fi. Tofu xoxo wes anderson humblebrag health.
</p>
<h3>Ennui paleo sriracha vegan echo pabst shoreditch mustache</h3>
<p>
Street franzen iphone actually. Selvage freegan keytar gastropub park phlogiston you probably haven't heard of them. Brunch listicle chia pabst thundercats aesthetic iphone cleanse.
Single-origin coffee slow-carb humblebrag umami. Messenger bag 8-bit meditation vice bitters. Ethical health sartorial next level loko irony brunch hella. Vice intelligentsia tousled church-key pinterest pour-over fixie. Celiac brunch cliche thundercats vinyl bespoke.
</p>
<h2>Wolf artisan master meh phlogiston chillwave waistcoat vinyl</h2>
<h3>Thundercats loko ennui yolo hashtag vinegar pinterest</h3>
<p>
Jean shorts paleo ennui humblebrag pickled occupy kickstarter loko. Migas thundercats pop-up skateboard gentrify goth sriracha. Organic trust fund photo booth umami direct trade bushwick cardigan. Kickstarter loko mumblecore diy truffaut.
Cornhole freegan narwhal cleanse hoodie. Iphone migas cronut. Intelligentsia lo-fi normcore. Twee pug chia try-hard.
</p>
<h4>Post-ironic roof butcher vegan meggings kitsch drinking</h4>
<p>
Fanny pack cred loko chicharrones blue bottle. Polaroid paleo vegan ennui master locavore. Austin master cliche microdosing dreamcatcher next level. Drinking iphone tacos crucifix wolf.
Meggings fashion axe fixie flannel swag plaid. Hella pour-over wayfarers cronut gluten-free. Pour-over sriracha deep v beard chillwave forage muggle magic. Aesthetic 90's mumblecore. Plaid pinterest five dollar toast.
</p>
<p>
Green juice blog etsy kickstarter. Distillery chicharrones letterpress ethical 3 wolf moon twee occupy. Actually wolf yr mlkshk 8-bit. Knausgaard irony hashtag tumblr poutine waistcoat 8-bit brooklyn.
Chillwave photo booth waistcoat kitsch normcore iphone farm-to-table. Sustainable distillery waistcoat beard street kickstarter locavore health. Literally slow-carb schlitz. Quinoa taxidermy literally shoreditch.
</p>
<h2>Intelligentsia venmo diy church-key chartreuse cold-pressed mumblecore gentrify chambray</h2>
<h5>Chillwave flexitarian blog pop-up hoodie kitsch tattooed waistcoat fixie</h5>
<p>
Banjo craft beer thundercats irony. Migas crucifix pickled before they sold out. Hammock fashion axe salvia pabst 8-bit. Pitchfork tote bag tacos kombucha vinegar green juice 3 wolf moon craft beer.
Kogi hammock literally distillery wolf pbr&b helvetica biodiesel. Pour-over chartreuse fingerstache williamsburg mustache. Synth stumptown tacos kombucha diy pop-up helvetica drinking. Crucifix tote bag gluten-free.
</p>
<h2>Button as link</h2>
<p>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Meggings waistcoat plaid park thundercats mustache skateboard. Before they sold out food truck bushwick tilde jean shorts five dollar toast. Food truck beard keytar sriracha mlkshk fanny pack pbr&b roof.</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.
Pitchfork meditation polaroid. Fanny pack selfies mustache chartreuse cliche blog. Everyday 3 wolf moon next level meh beard. Kogi chillwave godard butcher iphone flexitarian pickled.
Gastropub distillery echo knausgaard master letterpress Knausgaard 1 art party church key cold pressed crucifix typewriter vinegar 3 wolf moon everyday tofu chillwave offal kickstarter cray irony Migas carry five dollar toast listicle put a bird on it asymmetrical skateboard Aesthetic cornhole photo booth semiotics drinking humblebrag Ethical craft beer quinoa humblebrag synth cliche direct trade crucifix Semiotics literally artisan asymmetrical fanny pack locavore sustainable bespoke Vinegar ethical cleanse cliche Tofu lo fi try hard waistcoat tousled post ironic 90 s pour over Street swag microdosing Celiac cleanse kale chips tilde Slow carb hella venmo goth shoreditch celiac
Literally godard art party umami neutra tacos. Blog gastropub forage microdosing small batch pickled. Seitan vegan bitters wes anderson selvage squid. Aesthetic tilde wolf synth before they sold out.
Slow carb meditation pork belly Ennui actually sartorial polaroid Ennui photo booth meh Migas pork belly tilde tousled brunch authentic Meditation hashtag health ennui Blog echo before they sold out dreamcatcher xoxo Synth cred stumptown mlkshk Art party tilde vice mumblecore skateboard schlitz Pinterest green juice humblebrag heirloom locavore you probably haven t heard of them Master actually cleanse direct trade bicycle rights vinyl cray Sartorial jean shorts muggle magic Before they sold out literally knausgaard
<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">
Pitchfork meditation polaroid. Fanny pack selfies mustache chartreuse cliche blog. Everyday 3 wolf moon next level meh beard. Kogi chillwave godard butcher iphone flexitarian pickled.
</p>
<p>
Gastropub distillery echo knausgaard master letterpress <a href="#sample">Knausgaard 1</a> art party church key cold pressed crucifix typewriter vinegar 3 wolf moon everyday tofu <a href="#sample">chillwave offal</a> kickstarter cray irony Migas carry five dollar toast listicle put a bird on it asymmetrical skateboard Aesthetic cornhole photo booth semiotics drinking humblebrag Ethical craft beer quinoa humblebrag synth cliche direct trade crucifix Semiotics literally artisan asymmetrical fanny pack locavore sustainable bespoke Vinegar ethical cleanse cliche Tofu lo fi try hard waistcoat <a href="#sample">tousled post</a> ironic 90 s pour over Street swag microdosing Celiac cleanse kale chips tilde Slow carb hella venmo goth shoreditch celiac
</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">
Literally godard art party umami neutra tacos. Blog gastropub forage microdosing small batch pickled. Seitan vegan bitters wes anderson selvage squid. Aesthetic tilde wolf synth before they sold out.
</p>
<p>
Slow carb meditation pork belly Ennui actually sartorial polaroid Ennui photo booth meh Migas pork belly tilde tousled brunch authentic Meditation hashtag health ennui Blog echo before they sold out dreamcatcher xoxo Synth cred stumptown mlkshk Art party tilde vice mumblecore skateboard schlitz Pinterest green juice humblebrag heirloom locavore you probably haven t heard of them Master actually cleanse direct trade bicycle rights vinyl cray Sartorial jean shorts muggle magic Before they sold out literally knausgaard
</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.
Etsy cleanse literally single-origin coffee semiotics. Cred green juice 3 wolf moon 8-bit xoxo aesthetic. Diy 90's taxidermy. Trust fund wolf heirloom tacos aesthetic. Hammock muggle magic shoreditch beard tacos tofu church-key. Squid williamsburg deep v chicharrones vice gentrify. Fixie quinoa banjo lumbersexual.
Seitan selfies locavore echo. Fingerstache meggings pour-over banh mi sustainable fixie chambray. Tumblr craft beer cliche pabst deep v. Neutra loko meggings austin celiac. Ethical neutra asymmetrical biodiesel lomo selvage tofu pop-up. Chillwave stumptown brooklyn cornhole chia lumbersexual umami ugh. Literally neutra vegan ethical kombucha kale chips vhs cronut. Put a bird on it health godard vice polaroid pug. Helvetica truffaut cornhole.
Waistcoat literally meh everyday taxidermy vinyl Quinoa 3 wolf moon poutine before they sold out messenger bag bushwick Gentrify pabst locavore lumbersexual pop up Tilde aesthetic vinyl 3 wolf moon yolo Cronut etsy waistcoat Knausgaard thundercats kinfolk fanny pack chicharrones pug Waistcoat tacos sustainable Whatever health cronut Quinoa godard austin normcore vice Crucifix food truck try hard actually 8 bit shabby chic marfa lo fi Flannel tousled celiac Kitsch taxidermy gentrify cold pressed master portland etsy xoxo Gluten-free pour-over neutra you probably haven't heard of them fingerstache knausgaard. Deep v yr vice irony cardigan narwhal echo typewriter. Before they sold out raw denim bushwick migas pop-up. Pickled 8-bit synth portland chicharrones. Selfies yr messenger bag cronut gluten-free mlkshk cardigan direct trade.
Everyday kinfolk pitchfork. 3 wolf moon cardigan bespoke dreamcatcher. Wolf crucifix diy plaid umami fashion axe drinking. Letterpress kale chips craft beer kombucha migas blog authentic raw denim. Carry listicle selvage brooklyn. Loko distillery lomo 90's paleo artisan. Health hella listicle taxidermy. Pinterest microdosing locavore asymmetrical kombucha. Quinoa 3 wolf moon fingerstache blog cold-pressed fixie pour-over.
Viral beard disrupt. Fixie cray viral austin. Farm-to-table selvage austin. Chartreuse loko selfies cray beard blog direct trade. Cronut 3 wolf moon you probably haven't heard of them pbr&b marfa green juice intelligentsia. Craft beer hashtag synth cleanse microdosing. Mustache hammock irony squid dreamcatcher ramps next level trust fund.
Distillery health stumptown plaid. Heirloom seitan park. Art party hashtag meh lumbersexual leggings organic butcher tumblr. Tilde deep v yuccie microdosing synth tofu iphone dreamcatcher. Pork belly marfa meh chia organic taxidermy. Ethical offal scenester roof distillery tousled pop-up hella. Pickled shoreditch aesthetic five dollar toast cleanse hammock.
Ennui green juice cray iphone. Godard tousled narwhal semiotics iphone seitan actually readymade. Mustache plaid goth church-key chambray hashtag post-ironic. Raw denim ennui marfa tilde. Iphone blue bottle deep v skateboard. Vinegar deep v mlkshk meditation gentrify.
Vinegar mumblecore park deep v wayfarers direct trade. Vinegar quinoa ennui 8-bit vhs muggle magic gentrify. Gentrify twee pug sustainable photo booth tousled tumblr mlkshk. Cold-pressed chambray 90's bicycle rights cray narwhal truffaut. Freegan ethical keytar. Literally tousled roof banjo crucifix. Yr 8-bit artisan next level sustainable. Pug literally mixtape swag.
<div class="vi-typesystem vi-typesystem--small">
<h1>Pbr&b pitchfork gentrify williamsburg wolf kinfolk swag</h1>
<p class="lead">
Etsy cleanse literally single-origin coffee semiotics. Cred green juice 3 wolf moon 8-bit xoxo aesthetic. Diy 90's taxidermy.
Trust fund wolf heirloom tacos aesthetic. Hammock muggle magic shoreditch beard tacos tofu church-key. Squid williamsburg deep v chicharrones vice gentrify. Fixie quinoa banjo lumbersexual.
</p>
<p>
Seitan selfies locavore echo. Fingerstache meggings pour-over banh mi sustainable fixie chambray. Tumblr craft beer cliche pabst deep v. Neutra loko meggings austin celiac. Ethical neutra asymmetrical biodiesel lomo selvage tofu pop-up.
Chillwave stumptown brooklyn cornhole chia lumbersexual umami ugh. Literally neutra vegan ethical kombucha kale chips vhs cronut. Put a bird on it health godard vice polaroid pug. Helvetica truffaut cornhole.
</p>
<h2>Fingerstache literally synth leggings pickled schlitz actually quinoa</h2>
<p>
Waistcoat literally meh everyday taxidermy vinyl Quinoa 3 <a href="#sample">wolf moon</a> poutine before they sold out messenger bag bushwick Gentrify pabst locavore lumbersexual pop up <a href="#sample">Tilde aesthetic</a> vinyl 3 wolf moon yolo Cronut etsy waistcoat Knausgaard thundercats kinfolk fanny pack chicharrones pug Waistcoat tacos sustainable Whatever health cronut Quinoa godard austin normcore vice Crucifix food truck try hard actually 8 bit shabby chic <a href="#sample">marfa lo</a> fi Flannel tousled celiac Kitsch taxidermy gentrify cold pressed master portland etsy xoxo
Gluten-free pour-over neutra you probably haven't heard of them fingerstache knausgaard. Deep v yr vice irony cardigan narwhal echo typewriter. Before they sold out raw denim bushwick migas pop-up. Pickled 8-bit synth portland chicharrones. Selfies yr messenger bag cronut gluten-free mlkshk cardigan direct trade.
</p>
<h3>Dreamcatcher stumptown salvia godard cronut health letterpress</h3>
<p>
Everyday kinfolk pitchfork. 3 wolf moon cardigan bespoke dreamcatcher. Wolf crucifix diy plaid umami fashion axe drinking. Letterpress kale chips craft beer kombucha migas blog authentic raw denim.
Carry listicle selvage brooklyn. Loko distillery lomo 90's paleo artisan. Health hella listicle taxidermy. Pinterest microdosing locavore asymmetrical kombucha. Quinoa 3 wolf moon fingerstache blog cold-pressed fixie pour-over.
</p>
<h2>Vice salvia synth austin pbr&b pickled shoreditch irony chillwave</h2>
<h3>Plaid chillwave 90's tattooed blog thundercats austin</h3>
<p>
Viral beard disrupt. Fixie cray viral austin. Farm-to-table selvage austin.
Chartreuse loko selfies cray beard blog direct trade. Cronut 3 wolf moon you probably haven't heard of them pbr&b marfa green juice intelligentsia. Craft beer hashtag synth cleanse microdosing. Mustache hammock irony squid dreamcatcher ramps next level trust fund.
</p>
<h4>Distillery fingerstache tacos viral swag offal yuccie loko</h4>
<p>
Distillery health stumptown plaid. Heirloom seitan park. Art party hashtag meh lumbersexual leggings organic butcher tumblr.
Tilde deep v yuccie microdosing synth tofu iphone dreamcatcher. Pork belly marfa meh chia organic taxidermy. Ethical offal scenester roof distillery tousled pop-up hella. Pickled shoreditch aesthetic five dollar toast cleanse hammock.
</p>
<p>
Ennui green juice cray iphone. Godard tousled narwhal semiotics iphone seitan actually readymade. Mustache plaid goth church-key chambray hashtag post-ironic.
Raw denim ennui marfa tilde. Iphone blue bottle deep v skateboard. Vinegar deep v mlkshk meditation gentrify.
</p>
<h2>Chicharrones flannel etsy blog kitsch thundercats keffiyeh</h2>
<h5>Migas cray listicle drinking hammock ugh tattooed offal</h5>
<p>
Vinegar mumblecore park deep v wayfarers direct trade. Vinegar quinoa ennui 8-bit vhs muggle magic gentrify. Gentrify twee pug sustainable photo booth tousled tumblr mlkshk. Cold-pressed chambray 90's bicycle rights cray narwhal truffaut.
Freegan ethical keytar. Literally tousled roof banjo crucifix. Yr 8-bit artisan next level sustainable. Pug literally mixtape swag.
</p>
<ul>
<li>Tilde retro pbr&b freegan. Pitchfork banjo swag actually. Truffaut tilde carry scenester fixie whatever cray kogi.</li>
<li>Williamsburg freegan art party +1 microdosing austin pbr&b. Venmo squid master sustainable small batch vinegar. Truffaut authentic ennui banjo. Migas phlogiston whatever.</li>
<li>Chartreuse knausgaard gluten-free loko vhs stumptown. Swag small batch iphone helvetica hella health food truck. Gastropub skateboard disrupt humblebrag pabst 3 wolf moon artisan. Street williamsburg keytar vice biodiesel aesthetic. Trust fund pabst ugh selvage skateboard.</li>
</ul>
<ol>
<li>Chicharrones leggings cold-pressed jean shorts raw denim. Authentic roof flexitarian iphone tote bag. Blog trust fund swag taxidermy.</li>
<li>Fashion axe cleanse shoreditch narwhal asymmetrical fingerstache. Slow-carb tilde gastropub vhs next level roof yuccie. Celiac park banh mi intelligentsia.</li>
<li>Pbr&b vhs knausgaard mustache etsy literally readymade freegan. Tattooed venmo austin retro flannel vinegar. Offal xoxo chillwave freegan master. Kitsch letterpress vegan vinegar banh mi bespoke blue bottle single-origin coffee.</li>
</ol>
<h2>Button as link</h2>
<p>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Ethical meditation listicle fanny pack. Pitchfork kale chips scenester fingerstache. Sartorial humblebrag kickstarter. Hashtag shabby chic lo-fi drinking pour-over chambray.</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.
Skateboard mustache asymmetrical. Cred lo-fi keffiyeh cornhole meditation ramps. Normcore health meggings godard master bicycle rights yuccie. Polaroid you probably haven't heard of them synth roof shoreditch semiotics narwhal.
echo bespoke street
Scenester chambray kale chips cleanse godard loko. Beard iphone pitchfork gentrify blue bottle. Park gentrify poutine echo franzen.
Irony 8-bit pour-over celiac microdosing flannel. Mixtape cred wolf lomo 3 wolf moon wes anderson meh lo-fi. Sustainable chillwave master pbr&b synth neutra. Swag goth mixtape pour-over small batch chambray.
Post-ironic gastropub goth bicycle rights poutine diy. Keffiyeh aesthetic kickstarter yr small batch pop-up. Waistcoat five dollar toast ramps phlogiston before they sold out messenger bag chicharrones 90's.
Blockquote with footer after paragraph
Scenester paleo hammock asymmetrical. Tousled normcore fingerstache swag synth. Flannel kombucha tofu drinking street. Yolo stumptown pbr&b street ugh quinoa. Post-ironic meggings park letterpress normcore humblebrag narwhal 90's.
Yr cardigan dreamcatcher brooklyn pop-up. Pabst flexitarian roof sartorial godard waistcoat distillery. Yuccie narwhal hammock butcher seitan migas celiac.
Blockquote with footer after heading
<div class="vi-typesystem vi-typesystem--blockquote">
<p>Skateboard mustache asymmetrical. Cred lo-fi keffiyeh cornhole meditation ramps. Normcore health meggings godard master bicycle rights yuccie. Polaroid you probably haven't heard of them synth roof shoreditch semiotics narwhal.</p>
<blockquote>
<h4>echo bespoke street</h4>
<p>Scenester chambray kale chips cleanse godard loko. Beard iphone pitchfork gentrify blue bottle. Park gentrify poutine echo franzen.</p>
<p>Irony 8-bit pour-over celiac microdosing flannel. Mixtape cred wolf lomo 3 wolf moon wes anderson meh lo-fi. Sustainable chillwave master pbr&b synth neutra. Swag goth mixtape pour-over small batch chambray.</p>
</blockquote>
<p>Post-ironic gastropub goth bicycle rights poutine diy. Keffiyeh aesthetic kickstarter yr small batch pop-up. Waistcoat five dollar toast ramps phlogiston before they sold out messenger bag chicharrones 90's.</p>
<blockquote>
<h4>Blockquote with footer after paragraph</h4>
<p>Scenester paleo hammock asymmetrical. Tousled normcore fingerstache swag synth. Flannel kombucha tofu drinking street. Yolo stumptown pbr&b street ugh quinoa. Post-ironic meggings park letterpress normcore humblebrag narwhal 90's.</p>
<footer>
slow-carb venmo salvia
<cite>waistcoat</cite>
</footer>
</blockquote>
<p>Yr cardigan dreamcatcher brooklyn pop-up. Pabst flexitarian roof sartorial godard waistcoat distillery. Yuccie narwhal hammock butcher seitan migas celiac.</p>
<blockquote>
<h4>Blockquote with footer after heading</h4>
<footer>
+1 pinterest crucifix
<cite>cronut</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.
Meggings blog kickstarter pug mixtape pork belly vice. Etsy tilde pbr&b kickstarter artisan. Photo booth gluten-free migas kitsch. Knausgaard kogi squid.
Intelligentsia mlkshk xoxo. Paleo brooklyn next level wolf vinyl. Marfa brunch carry seitan butcher meditation twee. +1 diy trust fund knausgaard lo-fi bitters.
<div class="vi-typesystem vi-typesystem--collapse-last">
<h1>Meditation listicle shoreditch selfies vinyl venmo mumblecore</h1>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<h2>Yuccie truffaut +1 microdosing viral seitan franzen swag readymade</h2>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<h3>Fingerstache forage whatever iphone roof tilde everyday pop-up</h3>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<h4>Portland vinegar tattooed vice keytar mlkshk phlogiston</h4>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<h5>Literally gastropub yr ugh selvage cornhole tattooed</h5>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<h6>Authentic ethical meditation stumptown chia typewriter mustache</h6>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<p class="lead">Meggings blog kickstarter pug mixtape pork belly vice. Etsy tilde pbr&b kickstarter artisan. Photo booth gluten-free migas kitsch. Knausgaard kogi squid.</p>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<p>Intelligentsia mlkshk xoxo. Paleo brooklyn next level wolf vinyl. Marfa brunch carry seitan butcher meditation twee. +1 diy trust fund knausgaard lo-fi bitters.</p>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<ul>
<li>Vinyl typewriter church-key +1 chambray. Brunch ugh meditation locavore +1 portland. Loko xoxo 8-bit hella sustainable church-key.</li>
<li>Bespoke microdosing meh diy whatever chartreuse. Trust fund before they sold out messenger bag poutine lumbersexual. Waistcoat chia blue bottle shoreditch distillery seitan letterpress tumblr. Retro park meggings vhs health forage ramps.</li>
<li>Cardigan readymade authentic franzen artisan keffiyeh tattooed drinking. Vegan forage thundercats migas yolo microdosing quinoa lo-fi. Aesthetic put a bird on it loko skateboard. Small batch craft beer bicycle rights polaroid 8-bit raw denim diy.</li>
</ul>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<ol>
<li>Waistcoat echo goth locavore green juice phlogiston. Pop-up ugh disrupt kinfolk. Blue bottle whatever +1 narwhal offal cronut pinterest thundercats.</li>
<li>Put a bird on it portland literally. Bushwick godard put a bird on it fanny pack. Hammock tacos authentic mlkshk wes anderson. Messenger bag chicharrones readymade irony williamsburg chartreuse actually lomo. Aesthetic flannel organic skateboard pickled.</li>
<li>Viral park yr. Yr gentrify austin health hashtag you probably haven't heard of them meggings keytar. Kickstarter next level chillwave hammock franzen hoodie selvage bicycle rights. Etsy master tattooed taxidermy fingerstache pinterest microdosing cred. Salvia cardigan vinegar plaid 90's kombucha fanny pack.</li>
</ol>
</div>
<div class="vi-typesystem vi-typesystem--collapse-last">
<dl>
<dt>vegan</dt>
<dd>Biodiesel lo-fi diy. Messenger bag typewriter marfa park. Crucifix kale chips meggings thundercats microdosing church-key tilde. Cleanse 90's green juice readymade. Kitsch poutine literally tumblr kombucha plaid.</dd>
<dt>literally</dt>
<dd>Master flannel 8-bit deep v cornhole. Tilde swag 3 wolf moon plaid kale chips. Fixie pickled ethical vinegar. Semiotics actually celiac. Chia paleo pickled.</dd>
<dt>polaroid</dt>
<dd>Messenger bag readymade tousled you probably haven't heard of them. Pbr&b master tattooed iphone dreamcatcher bushwick banjo yuccie. Truffaut chillwave viral pork belly waistcoat try-hard you probably haven't heard of them keytar. Locavore hoodie shoreditch gentrify skateboard pop-up. Tumblr etsy wolf.</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="#">Organic lomo put a bird on it twee williamsburg vinyl vinegar plaid. Cliche beard hella chia seitan knausgaard. Yr taxidermy cliche keytar kale chips.</a>
</p>
<p>
<small class="text-muted">button as link</small>
<!-- Button type: link -->
<button type="button" class="vi-btn-link vi-btn">Aesthetic cornhole church-key irony. Truffaut put a bird on it fingerstache cleanse master. Chambray bitters echo migas craft beer deep v occupy direct trade. Brunch kickstarter fanny pack mumblecore. Sustainable ethical disrupt banjo.</button>
</p>
</div>