Approved fonts and type styles for usage in MP Cloud Technologies and EMTech Billing digital products.
Headings use Mulish from Google Fonts and range from 64px or 4rem for h1 to 20px or 1.25rem for h6.
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
This is an optional line of text that compliments the heading.
<div class="container">
<div class="row">
<div class="col my-5">
<h1>This is the headline</h1>
<p>This is an optional line of text that compliments the heading.</p>
</div>
</div>
</div>
All other text is set in Mulish at 18px with a line-height of 2rem and letter-spacing of 0.0325rem.
Every day is taco ipsum tuesday. Carne asada on corn tortillas. Give me all the tacos, immediately. Flour or corn tortillas? Shrimp tacos are tasty tacos! BARBACOA!! It’s a wonderful morning for breakfast tacos. Can you put some peppers and onions on that? Josh’s taco shack is the best taco shack. CARNE ASADA!! Um, Tabasco? No thanks, do you have any Cholula? How bout a gosh darn quesadilla? It’s taco Tuesday Monday. Josh’s taco shack is the best taco shack. Does guac cost extra? Pico de gallo, on the side please
We use “smart” (curly) quotes, instead of “dumb” (straight) quotes. “Smart” quotes improve readability by making it obvious where the quote begins and ends - “dumb” quotes do not. Be smart with ‘single’ and “double” quotes.
Avoid
Use
If you think good design is expensive, you should look at the cost of bad designRalf Speth, CEO Jaguar