{"id":4648,"date":"2021-07-01T09:00:17","date_gmt":"2021-07-01T09:00:17","guid":{"rendered":"https:\/\/www.korma.nl\/?p=4648"},"modified":"2021-12-08T10:11:34","modified_gmt":"2021-12-08T10:11:34","slug":"how-to-create-a-style-guide","status":"publish","type":"post","link":"https:\/\/korma.nl\/en\/hoe-creeer-je-een-style-guide\/","title":{"rendered":"How do you create a style guide?"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#F5F6FF&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; column_structure=&#8221;1_2,1_2&#8243;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_post_title author=&#8221;off&#8221; date_format=&#8221;j M. Y&#8221; comments=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; meta_font=&#8221;||||||||&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_post_title][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9mZWF0dXJlZF9pbWFnZSIsInNldHRpbmdzIjp7fX0=@&#8221; title_text=&#8221;Stage-online-marketing&#8221; show_bottom_space=&#8221;off&#8221; _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; locked=&#8221;off&#8221; _dynamic_attributes=&#8221;src&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;3.22&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;25.265625px|0px|6px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;3.27.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>Als bedrijf, merk, persoon, etc. wil je niet all over the place overkomen. Je wil herkenbaar zijn voor je publiek en consistent zijn in wat je van jezelf of bedrijf laat zien. Hoe je elke keer weer diezelfde herkenbaarheid terug kan laten komen is via een design style guide. Een style guide is een reeks normen, principes en regels die elke ontwikkelaar of ontwerper moet volgen om de digitale aanwezigheid van het product te verbeteren.<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;25.265625px|0px|0|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;3.27.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Korte tips<\/h2>\n<p><span>Om te beginnen neem ik wat korte tips en tricks met jullie door, die je moet weten als je een style guide wilt maken. <\/span><span><span class=\"Apple-converted-space\">\u00a0<\/span><\/span><\/p>\n<p><span><span class=\"Apple-converted-space\"><\/span><\/span><\/p>\n<ul>\n<li><span><\/span><span>Eerst het product ontwerpen en daarna de stijlgids.<\/span><\/li>\n<li><span><\/span><span>Je moet contact maken met de front-end ontwikkelaars.<\/span><\/li>\n<li><span><\/span><span>Zorg voor consistentie op alle pagina&#8217;s en neem tegelijkertijd het doel van het bedrijf en de behoeften van de klant op.<\/span><\/li>\n<li><span><\/span><span>Voeg alle mogelijke details toe, voor knoppen, titels, links, uitzonderingen, hoekgevallen, enzovoort. Het principe less is more werkt hier niet.<\/span><\/li>\n<li><span><\/span><span>Laat ontwikkelaars geen stijlen aanpassen op basis van persoonlijke voorkeur. Zorg ervoor dat ze jouw ontwerp-documentatie volgen.<\/span><\/li>\n<li><span><\/span><span>Promoot je style guide zo veel als je kunt. Houd je teamgenoten in de up to date met alle updates die je hebt.<\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;25.265625px|0px|3px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;3.27.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Hoe cre\u00eber je een style guide?<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_4,3_4&#8243; _builder_version=&#8221;3.25&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb title=&#8221;01&#8243; _builder_version=&#8221;4.13.0&#8243; header_level=&#8221;h2&#8243; header_font=&#8221;||||||||&#8221; header_text_color=&#8221;#a4e5cd&#8221; header_font_size=&#8221;30px&#8221; body_font=&#8221;||||||||&#8221; body_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Raster<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;3.27.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>Een competente lay-out heeft een stevige structuur erachter met een volledig responsief en betrouwbaar raster, waarbij de inhoud op de juiste manier wordt uitgelijnd.<span class=\"Apple-converted-space\">\u00a0<\/span><\/span><\/p>\n<p><span>Om een \u200b\u200braster in te stellen, moet je rekening houden met bepaalde verplichte aspecten zoals container, eenheden, aantal rijen en kolommen, marges en rugmarge. Ontwikkelaars zijn vooral ge\u00efnteresseerd in de functionaliteit van het product, dus al jouw elementen moeten op de juiste manier worden geplaatst, zonder de lay-out aan te tasten.<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_4,3_4&#8243; _builder_version=&#8221;3.25&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb title=&#8221;02&#8243; _builder_version=&#8221;4.13.0&#8243; header_level=&#8221;h2&#8243; header_font=&#8221;||||||||&#8221; header_text_color=&#8221;#a4e5cd&#8221; header_font_size=&#8221;30px&#8221; body_font=&#8221;||||||||&#8221; body_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Ruimte<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;3.27.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>Of het nu zwart, wit of een andere kleur is die je inspireert, de witte ruimte vertegenwoordigt de lege ruimte tussen de elementen van jouw ontworpen site. Profiteer van jouw ruimte door deze echt te gebruiken en probeer niet je inhoud te persen of te verspreiden. Zoek de middelste grond; witte ruimtes geven een elegante en vredige noot die de ogen ontspant terwijl de hoofdboodschap wordt benadrukt.<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_4,3_4&#8243; _builder_version=&#8221;3.25&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb title=&#8221;03&#8243; _builder_version=&#8221;4.13.0&#8243; header_level=&#8221;h2&#8243; header_font=&#8221;||||||||&#8221; header_text_color=&#8221;#a4e5cd&#8221; header_font_size=&#8221;30px&#8221; body_font=&#8221;||||||||&#8221; body_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Kleuren<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;3.27.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>Begin met het uitpakken van de kleuren, zowel primaire als secundaire, op lichte en donkere achtergronden. Voor een opgeruimde look en een inspirerend resultaat, zorg ervoor dat ze er perfect uitzien gecombineerd als alleen.<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_4,3_4&#8243; _builder_version=&#8221;3.25&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb title=&#8221;04&#8243; _builder_version=&#8221;4.13.0&#8243; header_level=&#8221;h2&#8243; header_font=&#8221;||||||||&#8221; header_text_color=&#8221;#a4e5cd&#8221; header_font_size=&#8221;30px&#8221; body_font=&#8221;||||||||&#8221; body_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Raster<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;3.27.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>Een correct opgebouwde typografie biedt de basis voor het cre\u00ebren van een harmonieuze style guide. Houd indien mogelijk een of twee lettertypen vast om uw tekst door alle pagina&#8217;s een fijne leesbaarheid, duidelijkheid en consistentie te geven. Zorg ervoor dat je de details van de details invoert, zoals hi\u00ebrarchie, gewicht, lijnhoogte, letter-spacing en voorbeelden van gebruik in jouw product.<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_4,3_4&#8243; _builder_version=&#8221;3.25&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb title=&#8221;05&#8243; _builder_version=&#8221;4.13.0&#8243; header_level=&#8221;h2&#8243; header_font=&#8221;||||||||&#8221; header_text_color=&#8221;#a4e5cd&#8221; header_font_size=&#8221;30px&#8221; body_font=&#8221;||||||||&#8221; body_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Beeld<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;3.27.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>Het kan even duren om te zoeken en de juiste afbeeldingen voor jouw site te kiezen, maar als alles goed is, zal het resultaat spectaculair zijn. Investeer tijd in het zoekproces, want afbeeldingen brengen emotie met zich mee en verbinden de gebruiker op een visueel niveau.<\/span><\/p>\n<p><span>Heb je niet het budget om foto\u2019s te kopen? Geen probleem, kijk eens op sites zoals Unsplash. Zorg wel dat de afbeeldingen ook weer toevoeging geven aan jouw product en binnen de style guide passen. Zo kan je bijvoorbeeld kijken of het kleurenschema er wel bij past, of je past het aan met een fotobewerkingsprogramma.<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_4,3_4&#8243; _builder_version=&#8221;3.25&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blurb title=&#8221;06&#8243; _builder_version=&#8221;4.13.0&#8243; header_level=&#8221;h2&#8243; header_font=&#8221;||||||||&#8221; header_text_color=&#8221;#a4e5cd&#8221; header_font_size=&#8221;30px&#8221; body_font=&#8221;||||||||&#8221; body_font_size=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>User Interface<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;3.27.4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>Het ontwerpen van de componenten van jouw product kan veelvoorkomende problemen oplossen zoals navigatie, CTA-knoppen, formulier elementen, meldingen enzovoort. Verbeter je style guide door deze nuttige elementen toe te voegen die consistentie cre\u00ebren en een beter totaalbeeld geven. Elk van hen heeft zijn eigen persoonlijkheid, zijn eigen regels en\u00a0<\/span><span>eigenschappen die zowel individueel als samen kunnen communiceren, als onderdeel van een evoluerend systeem.<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_id=&#8221;sectie-contact-algemeen&#8221; _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#0C112E&#8221; global_module=&#8221;423&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.11.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.11.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; background_layout=&#8221;dark&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>?<\/h2>\n<h2>Klaar voor de volgende stap?<\/h2>\n<p>Neem contact met ons op![\/et_pb_text][et_pb_button button_url=&#8221;mailto:hello@korma.nl&#8221; button_text=&#8221;hello@korma.nl&#8221; _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_icon=&#8221;&#xf2b6;||fa||900&#8243; button_icon_placement=&#8221;left&#8221; button_on_hover=&#8221;off&#8221; custom_margin=&#8221;||10px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_button][et_pb_button button_url=&#8221;tel:0031543711000&#8243; button_text=&#8221;054 371 10 00&#8243; _builder_version=&#8221;4.14.1&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_icon=&#8221;&#xf879;||fa||900&#8243; button_icon_placement=&#8221;left&#8221; button_on_hover=&#8221;off&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.11.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_contact_form captcha=&#8221;off&#8221; email=&#8221;boris@korma.nl&#8221; submit_button_text=&#8221;Formulier verzenden&#8221; _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; _unique_id=&#8221;a18523c5-bed6-4ed9-a248-4e213b9410fa&#8221; form_field_background_color=&#8221;#FFFFFF&#8221; form_field_custom_padding=&#8221;25px|15px|25px|15px|true|true&#8221; background_color=&#8221;#F5F6FF&#8221; custom_button=&#8221;on&#8221; button_font=&#8221;||||||||&#8221; button_use_icon=&#8221;off&#8221; custom_padding=&#8221;30px|30px|30px|30px|true|true&#8221; box_shadow_style=&#8221;preset2&#8243; box_shadow_horizontal=&#8221;20px&#8221; box_shadow_vertical=&#8221;20px&#8221; box_shadow_blur=&#8221;40px&#8221; box_shadow_color=&#8221;rgba(0,0,0,0.05)&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_contact_field field_id=&#8221;Name&#8221; field_title=&#8221;Jouw naam *&#8221; fullwidth_field=&#8221;on&#8221; _builder_version=&#8221;4.13.0&#8243; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8221;Company&#8221; field_title=&#8221;Bedrijfsnaam *&#8221; fullwidth_field=&#8221;on&#8221; _builder_version=&#8221;4.13.0&#8243; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8221;Email&#8221; field_title=&#8221;E-mailadres *&#8221; field_type=&#8221;email&#8221; fullwidth_field=&#8221;on&#8221; _builder_version=&#8221;4.13.0&#8243; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8221;Telephone&#8221; field_title=&#8221;Telefoonnummer&#8221; required_mark=&#8221;off&#8221; fullwidth_field=&#8221;on&#8221; _builder_version=&#8221;4.13.0&#8243; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8221;Message&#8221; field_title=&#8221;Bericht&#8221; field_type=&#8221;text&#8221; required_mark=&#8221;off&#8221; fullwidth_field=&#8221;on&#8221; _builder_version=&#8221;4.13.0&#8243; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_contact_field][\/et_pb_contact_form][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Als bedrijf, merk, persoon, etc. wil je niet all over the place overkomen. Je wil herkenbaar zijn voor je publiek en consistent zijn in wat je van jezelf of bedrijf laat zien. Hoe je elke keer weer diezelfde herkenbaarheid terug kan laten komen is via een design style guide. Een style guide is een reeks [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5000,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-4648","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Hoe cre\u00eber je een style guide? - Korma<\/title>\n<meta name=\"description\" content=\"Als bedrijf, merk, persoon, etc. wil je niet all over the place overkomen. Je wil herkenbaar zijn voor je publiek. Dat kan via een style guide.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/korma.nl\/en\/how-to-create-a-style-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hoe cre\u00eber je een style guide? - Korma\" \/>\n<meta property=\"og:description\" content=\"Als bedrijf, merk, persoon, etc. wil je niet all over the place overkomen. Je wil herkenbaar zijn voor je publiek. Dat kan via een style guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/korma.nl\/en\/how-to-create-a-style-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Korma\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/korma.it.solution\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-01T09:00:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-08T10:11:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/korma.nl\/wp-content\/uploads\/2021\/12\/Style-guide.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/korma.nl\\\/hoe-creeer-je-een-style-guide\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/korma.nl\\\/hoe-creeer-je-een-style-guide\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/korma.nl\\\/#\\\/schema\\\/person\\\/3d34882ce148b8df10f15dc06ac8d1ef\"},\"headline\":\"Hoe cre\u00eber je een style guide?\",\"datePublished\":\"2021-07-01T09:00:17+00:00\",\"dateModified\":\"2021-12-08T10:11:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/korma.nl\\\/hoe-creeer-je-een-style-guide\\\/\"},\"wordCount\":2571,\"publisher\":{\"@id\":\"https:\\\/\\\/korma.nl\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/korma.nl\\\/hoe-creeer-je-een-style-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/korma.nl\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/Style-guide.jpg\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/korma.nl\\\/hoe-creeer-je-een-style-guide\\\/\",\"url\":\"https:\\\/\\\/korma.nl\\\/hoe-creeer-je-een-style-guide\\\/\",\"name\":\"Hoe cre\u00eber je een style guide? - Korma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/korma.nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/korma.nl\\\/hoe-creeer-je-een-style-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/korma.nl\\\/hoe-creeer-je-een-style-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/korma.nl\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/Style-guide.jpg\",\"datePublished\":\"2021-07-01T09:00:17+00:00\",\"dateModified\":\"2021-12-08T10:11:34+00:00\",\"description\":\"Als bedrijf, merk, persoon, etc. wil je niet all over the place overkomen. Je wil herkenbaar zijn voor je publiek. Dat kan via een style guide.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/korma.nl\\\/hoe-creeer-je-een-style-guide\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/korma.nl\\\/hoe-creeer-je-een-style-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/korma.nl\\\/hoe-creeer-je-een-style-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/korma.nl\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/Style-guide.jpg\",\"contentUrl\":\"https:\\\/\\\/korma.nl\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/Style-guide.jpg\",\"width\":800,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/korma.nl\\\/hoe-creeer-je-een-style-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/korma.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hoe cre\u00eber je een style guide?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/korma.nl\\\/#website\",\"url\":\"https:\\\/\\\/korma.nl\\\/\",\"name\":\"Korma\",\"description\":\"IT Solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/korma.nl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/korma.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/korma.nl\\\/#organization\",\"name\":\"Korma IT Solutions\",\"url\":\"https:\\\/\\\/korma.nl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/korma.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/korma.nl\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/icon-korma-it-solutions.png\",\"contentUrl\":\"https:\\\/\\\/korma.nl\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/icon-korma-it-solutions.png\",\"width\":512,\"height\":512,\"caption\":\"Korma IT Solutions\"},\"image\":{\"@id\":\"https:\\\/\\\/korma.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/korma.it.solution\",\"https:\\\/\\\/www.instagram.com\\\/korma_it_solutions\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/showcase\\\/korma-it-solutions\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCH6N0JuOntLUZZRbonqjTnA\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/korma.nl\\\/#\\\/schema\\\/person\\\/3d34882ce148b8df10f15dc06ac8d1ef\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc1903edb83d0aec2fd013cec003f0d54e8a418c53d53d6781459f9cb7f3b9a3?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc1903edb83d0aec2fd013cec003f0d54e8a418c53d53d6781459f9cb7f3b9a3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc1903edb83d0aec2fd013cec003f0d54e8a418c53d53d6781459f9cb7f3b9a3?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\\\/\\\/korma.nl\"],\"url\":\"https:\\\/\\\/korma.nl\\\/en\\\/author\\\/boris-van-dun\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How do you create a style guide? - Korma","description":"As a company, brand, person, etc. you do not want to appear all over the place. You want to be recognizable to your audience. This can be done via a style guide.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/korma.nl\/en\/how-to-create-a-style-guide\/","og_locale":"en_GB","og_type":"article","og_title":"Hoe cre\u00eber je een style guide? - Korma","og_description":"Als bedrijf, merk, persoon, etc. wil je niet all over the place overkomen. Je wil herkenbaar zijn voor je publiek. Dat kan via een style guide.","og_url":"https:\/\/korma.nl\/en\/how-to-create-a-style-guide\/","og_site_name":"Korma","article_publisher":"https:\/\/www.facebook.com\/korma.it.solution","article_published_time":"2021-07-01T09:00:17+00:00","article_modified_time":"2021-12-08T10:11:34+00:00","og_image":[{"width":800,"height":500,"url":"https:\/\/korma.nl\/wp-content\/uploads\/2021\/12\/Style-guide.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Estimated reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/korma.nl\/hoe-creeer-je-een-style-guide\/#article","isPartOf":{"@id":"https:\/\/korma.nl\/hoe-creeer-je-een-style-guide\/"},"author":{"name":"admin","@id":"https:\/\/korma.nl\/#\/schema\/person\/3d34882ce148b8df10f15dc06ac8d1ef"},"headline":"Hoe cre\u00eber je een style guide?","datePublished":"2021-07-01T09:00:17+00:00","dateModified":"2021-12-08T10:11:34+00:00","mainEntityOfPage":{"@id":"https:\/\/korma.nl\/hoe-creeer-je-een-style-guide\/"},"wordCount":2571,"publisher":{"@id":"https:\/\/korma.nl\/#organization"},"image":{"@id":"https:\/\/korma.nl\/hoe-creeer-je-een-style-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/korma.nl\/wp-content\/uploads\/2021\/12\/Style-guide.jpg","articleSection":["Blog"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/korma.nl\/hoe-creeer-je-een-style-guide\/","url":"https:\/\/korma.nl\/hoe-creeer-je-een-style-guide\/","name":"How do you create a style guide? - Korma","isPartOf":{"@id":"https:\/\/korma.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/korma.nl\/hoe-creeer-je-een-style-guide\/#primaryimage"},"image":{"@id":"https:\/\/korma.nl\/hoe-creeer-je-een-style-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/korma.nl\/wp-content\/uploads\/2021\/12\/Style-guide.jpg","datePublished":"2021-07-01T09:00:17+00:00","dateModified":"2021-12-08T10:11:34+00:00","description":"As a company, brand, person, etc. you do not want to appear all over the place. You want to be recognizable to your audience. This can be done via a style guide.","breadcrumb":{"@id":"https:\/\/korma.nl\/hoe-creeer-je-een-style-guide\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/korma.nl\/hoe-creeer-je-een-style-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/korma.nl\/hoe-creeer-je-een-style-guide\/#primaryimage","url":"https:\/\/korma.nl\/wp-content\/uploads\/2021\/12\/Style-guide.jpg","contentUrl":"https:\/\/korma.nl\/wp-content\/uploads\/2021\/12\/Style-guide.jpg","width":800,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/korma.nl\/hoe-creeer-je-een-style-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/korma.nl\/"},{"@type":"ListItem","position":2,"name":"Hoe cre\u00eber je een style guide?"}]},{"@type":"WebSite","@id":"https:\/\/korma.nl\/#website","url":"https:\/\/korma.nl\/","name":"Korma","description":"IT Solutions","publisher":{"@id":"https:\/\/korma.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/korma.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/korma.nl\/#organization","name":"Korma IT Solutions","url":"https:\/\/korma.nl\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/korma.nl\/#\/schema\/logo\/image\/","url":"https:\/\/korma.nl\/wp-content\/uploads\/2022\/07\/icon-korma-it-solutions.png","contentUrl":"https:\/\/korma.nl\/wp-content\/uploads\/2022\/07\/icon-korma-it-solutions.png","width":512,"height":512,"caption":"Korma IT Solutions"},"image":{"@id":"https:\/\/korma.nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/korma.it.solution","https:\/\/www.instagram.com\/korma_it_solutions\/","https:\/\/www.linkedin.com\/showcase\/korma-it-solutions\/","https:\/\/www.youtube.com\/channel\/UCH6N0JuOntLUZZRbonqjTnA"]},{"@type":"Person","@id":"https:\/\/korma.nl\/#\/schema\/person\/3d34882ce148b8df10f15dc06ac8d1ef","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/fc1903edb83d0aec2fd013cec003f0d54e8a418c53d53d6781459f9cb7f3b9a3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/fc1903edb83d0aec2fd013cec003f0d54e8a418c53d53d6781459f9cb7f3b9a3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fc1903edb83d0aec2fd013cec003f0d54e8a418c53d53d6781459f9cb7f3b9a3?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/korma.nl"],"url":"https:\/\/korma.nl\/en\/author\/boris-van-dun\/"}]}},"_links":{"self":[{"href":"https:\/\/korma.nl\/en\/wp-json\/wp\/v2\/posts\/4648","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/korma.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/korma.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/korma.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/korma.nl\/en\/wp-json\/wp\/v2\/comments?post=4648"}],"version-history":[{"count":0,"href":"https:\/\/korma.nl\/en\/wp-json\/wp\/v2\/posts\/4648\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/korma.nl\/en\/wp-json\/wp\/v2\/media\/5000"}],"wp:attachment":[{"href":"https:\/\/korma.nl\/en\/wp-json\/wp\/v2\/media?parent=4648"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/korma.nl\/en\/wp-json\/wp\/v2\/categories?post=4648"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/korma.nl\/en\/wp-json\/wp\/v2\/tags?post=4648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}