# BrandingFablab Arnhem Branding Informatie.
 
Op deze pagina vind je meer informatie over onze branding. De logo's, kleuren en typografie kun je gebruiken om te verwijzen naar Fablab Arnhem in externe bronnen of als je documentatie en marketing materiaal maakt voor het Fablab. Gebruik bij voorkeur vectoren of hoge resolutie afbeeldingen. 

## Logo's
---

<div class="container branding">
        <div class="row logo-section justify-content-center">
            <div class="col-md-4 logo-item">
                <div class="logo-title">A.</div>
                <img src="fablab_logo_color.svg" alt="Logo A">
                <div class="logo-description">
                    <p class="text-center">Standaard gekleurd logo (default).</p>
                </div>
            </div>
            <div class="col-md-4 logo-item">
                <div class="logo-title">B.</div>
                <img src="fablab_logo_black.svg" alt="Logo B">
                <div class="logo-description">
                    <p class="text-center">Zwart-wit logo voor contrast / leesbaarheid.</p>
                </div>
            </div>
            <div class="col-md-4 logo-item">
                <div class="logo-title">C.</div>
                <img src="fablab_logo_circle.svg" alt="Logo C">
                <div class="logo-description">
                    <p class="text-center">Gekleurd logo met gradient circle.</p>
                </div>
            </div>
             <div class="row justify-content-center">
             <div class="col-md-6">
             <a href="fablab_branding.zip" target="_self" class="btn  btn-outline-primary">Download All</a>
             </div>
             </div>
        </div>
    </div>

## Color Palette
---
  <div class="container branding">
        <div class="row text-center">
            <div class="col-md-4 color-info">
                <div class="color-circle" style="background-color: #91C786;"></div>
                <h5>#91C786</h5>
                <p>RGB<br>145,199,134</p>
                <p>CMYK<br>27,0,33,22</p>
                <p><i>Fablab<br>Green</i></p>
            </div>
            <div class="col-md-4 color-info">
                <div class="color-circle" style="background-color: #76C4EE;"></div>
                <h5>#76C4EE</h5>
                <p>RGB<br>118,196,238</p>
                <p>CMYK<br>50,18,0,7</p>
                <p><i>Fablab<br>Blue</i></p>
            </div>
            <div class="col-md-4 color-info">
                <div class="color-circle" style="background-color: #E72472;"></div>
                <h5>#E72472</h5>
                <p>RGB<br>231,36,114</p>
                <p>CMYK<br>0,84,51,9</p>
                <p><i>Fablab<br>Red</i></p>
            </div>
             <div class="col-md-4 color-info">
                <div class="color-circle" style="background-color: #5d2f86;"></div>
                <h5>#5d2f86</h5>
                <p>RGB<br>93,47,134</p>
                <p>CMYK<br>31,65,0,47</p>
                <p><i>Fablab<br>Purple</i></p>
            </div>
        </div>
    </div>

## Typography Website
---
Voor de typografie op deze website maken we gebruik van '[Jost*](https://fonts.google.com/specimen/Jost)'. De makers van dit lettertype waren geïnspireerd door de sans-serif lettertypes uit de jaren 20 van de vorige eeuw, zoals het welbekende '[Futura](https://nl.wikipedia.org/wiki/Futura_(lettertype))' dat nog steeds modern oogt. Hierdoor speelt het leuk in op de visie ons Fablab waar we door middel van nieuwe, maar ook oude technieken vooruitstrevende dingen proberen te maken. Tevens is dit font vrij beschikbaar onder de [SIL Open Font License](https://openfontlicense.org/) en kan daardoor zonder attributie gebruikt worden voor praktisch alle doeleinden. 

<div class="container branding">
        <div class="font-display">
            <div>
                <span class="font-sample-bold" style="font-family: 'jost', sans-serif;">Aa</span>
                <div class="font-details">
                    Jost<br>
                    <strong>Bold</strong>
                </div>
            </div>
            <div>
                <span class="font-sample-regular" style="font-family: 'jost', serif;">Aa</span>
                <div class="font-details">
                    Jost<br>
                    <strong>Regular</strong>
                </div>
            </div>
        </div>
  <div class="font-example">
            <blockquote><h1>Lorem Ipsum</h1>
            <p>Pellentesque condimentum quis dolor eu sodales. Phasellus blandit urna in hendrerit dictum. Phasellus maximus nisl et lacus fermentum dignissim. Curabitur ultricies finibus, sodales purus sed, bibendum leo.</p></blockquote>
  </div>
</div>

## Other Typography
---