Logo & Brand
Logo
Monogram
Logo op donkere achtergrond
Logo alleen voor mobiel
Design System
Brand Guidelines
When people interact with our content, product and services, we want them to feel (…). When people see something from our brand they think it is (…). When thinking about our brand, we don’t want people to feel (…). If our brand was a person, they would be described as (…).
Color Palettes
#ba6d51
#c88a74
#fcf5ed
#fcfaf9
#032d3b
#1c424e
#b01733
#b82e47
#4a4c56 (tekst)
Typography
Bodoni Moda
Heavy
Aa
Bodoni Moda
Ultra Bold
Aa
Bodoni Moda
Bold
Aa
Work Sans
Semi Bold
Aa
Work Sans
Regular
Aa
Work Sans
Light
Aa
Display Text
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Body Text
Er zijn verschillende text presets om te gebruiken en die zorgen voor een consistente typografie. Voor normale text gebruik je hvf default.
Op een gekleurde achtergrond hvf wit.
Testimonials is voor de teksten op de testimonial pagina.
Let even op: enkele ‘serieuze’ of lange koppen staan in hvf niet cursief.
Links zijn bold en in rood. Op een blauwe achtergrond in goud . Op een rode achtergrond zijn ze de standaard textkleur.
Functional Text
Sample label
Display Text (H2-H4 niet cursief )
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Testimonials Text (H5 blauw)
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Display Text op gekleurde achtergrond
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Body Text
Egestas hac netus praesent aliquam phasellus aliquet efficitur nullam. Id viverra mattis egestas. Sample link at felis lacus conubia donec habitant. Iprimis maximus at felis lacus conubia donec habitant erat neque nullam dapibus malesuada elementum metus accumsa.
Aptent eros justo pellentesque placerat volutpat sapien conubia amet accumsan. Sollicitudin elit velit erat fusce magna sapien etiam malesuada nascetur.
Functional Text
Sample label
Display Text op gekleurde achtergrond
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Body Text
Egestas hac netus praesent aliquam phasellus aliquet efficitur nullam. Id viverra mattis egestas. Sample link at felis lacus conubia donec habitant. Iprimis maximus at felis lacus conubia donec habitant erat neque nullam dapibus malesuada elementum metus accumsa.
Aptent eros justo pellentesque placerat volutpat sapien conubia amet accumsan. Sollicitudin elit velit erat fusce magna sapien etiam malesuada nascetur.
Functional Text
Sample label
Buttons & Forms
Imagery
Afbeeldingen zijn in beeldverhouding 1920 x 1280.
Een breedte van 1280 pixels is voldoende.
Zet foto’s eerst in de juiste pixel maat en sla ze dan op als jpg 8 (80%)
1200 x 800 is de juiste beeldverhouding voor de uitgelichte afbeeldingen in de blog (boutique).
Schaal de foto naar 1200 pixels breed en sla je op als jpg 8 (80%).
Let even op: staande foto’s zijn niet altijd handig als uitgelichte afbeelding. Maar het kan wel als het onderwerp in het midden van het beeld staat, zoals hier.
Voor de boekentips is er een photoshop bestand met 3 lagen: achtergrond, boekomslag, en daartussen een laag met een schaduwtje.
Profielfoto’s voor testimonials zijn vierkant. Let bij de utsnede erop dat het gezicht groot genoeg is en mooi binnen de circel valt.
Een breedte van 300 pixels is voldoende.
Bestand sla je op als jpg 8 (80%)
Achtergronden 1280 pixels breed.
Voor groter gebruik 1920 pixels breed.
Compressie mag iets meer zijn, bv. jpg 6-7 (60-70%)
Blurbs
Inspiratie
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings.
Stap
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings.
Call to Action
Assistent accountant
Wil jij net als MKBTR de accountancy veranderen op een manier die écht relevant is voor ondernemers? Geloof jij dat samenwerken met onze ondernemers zorgt dat zij hun doelen kunnen behalen? Zoek jij een werkomgeving waarin je naast je eigen baan MKBTR helpt doorgroeien? Dan maken we graag kennis met jou!
