I2P brand styleguides for the web
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

26 lines
2.8 KiB

<div id="typography" class="col page-header mb-4 mt-5">
<h2>Typography</h2>
</div>
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="bg-box">
<p class="font-20 pt-2">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</p>
<p class="font-20">a b c d e f g h i j k l m n o p q r s t u v w x y z</p>
<p class="font-20 mb-2">0 1 2 3 4 5 6 7 8 9</p>
</div>
<p class="pt-3">All marketing materials use the Nunito typeface for the headers and the Inter typeface by Rasmus Andersson for the text body. Both fonts are licensed under the Open Font License v1.1</p>
</div>
<div class="col-md-6 col-sm-12">
<div class="bg-box text-center p-5">
<svg width="174" height="94" viewBox="0 0 174 94" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="logo-text-switch" d="M87.4654 73.5123H64.1721V72.9798L72.7713 65.8169C93.691 48.417 99.0216 39.3755 99.0216 28.7667C99.0216 11.6782 85.0013 0.486816 63.0055 0.486816C45.3444 0.486816 32.8026 8.58401 29.0009 22.287C27.7034 26.9785 31.1934 31.6299 36.0713 31.6299H45.2639C48.4321 31.6299 51.1778 29.5805 52.2338 26.6068C53.843 22.086 57.7956 19.6348 63.0055 19.6348C69.8647 19.6348 74.7426 23.8843 74.7426 30.9066C74.7426 37.3964 70.5788 41.5957 63.8101 47.1914L37.7308 68.7403C32.5713 72.9999 29.5842 79.339 29.5842 86.0298C29.5842 90.0884 32.873 93.3735 36.9363 93.3735H92.6551C96.7184 93.3735 100.007 90.0884 100.007 86.0298C100.007 79.118 94.385 73.5123 87.4654 73.5123Z"/>
<path class="logo-text-switch" d="M15.2519 1.74268C7.66846 1.74268 0.939941 7.88087 0.939941 15.4657V86.5221C0.939941 90.3095 4.0075 93.3736 7.7992 93.3736H14.9099C18.7116 93.3736 21.7893 90.2995 21.7893 86.502V67.3139V41.2441V27.2197V8.26263C21.7792 4.6661 18.8525 1.74268 15.2519 1.74268Z"/>
<path class="logo-text-switch" d="M139.955 1.74268H127.585H127.575H120.474C112.891 1.74268 106.735 7.88087 106.735 15.4657V86.5221C106.735 90.3095 109.803 93.3736 113.595 93.3736H120.705C124.507 93.3736 127.585 90.2995 127.585 86.502V71.2319V67.3139C127.585 66.681 128.098 66.1686 128.731 66.1686H139.06C159.98 66.1686 174 53.8621 174 34.1315C174 14.6319 160.342 1.74268 139.955 1.74268ZM137.622 46.8499H135.53H133.991H129.184C128.319 46.8499 127.615 46.1667 127.585 45.3028V27.2197C127.585 24.1255 130.451 21.614 133.991 21.614H137.612C147.589 21.614 153.583 26.2653 153.583 34.1415C153.583 41.9675 147.599 46.8499 137.622 46.8499Z"/>
</svg>
</div>
<div class="alert alert-warning mt-3" role="alert">
A modified <a class="underline" href="https://www.fontsquirrel.com/fonts/sinkin-sans" target="_blank" rel="noopener">Nunito</a> font is used for the I2P wordmark. Its use is limited to the I2P logo exclusively and should not be used elsewhere.
</div>
</div>
</div>