[{"data":1,"prerenderedAt":298},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-blog-tag-slug-design-systems-i18n-slugs":132,"language-blog-tag-slug-design-systems-":138,"language-blog-tag-slug-nl-design-systems":142},{"app":4,"menu":31,"footer":66},{"githubUrl":5,"youtubeUrl":6,"linkedinUrl":7,"phoneNumber":8,"emailAddress":9,"legal":10,"addresses":20},"https:\u002F\u002Fgithub.com\u002Fvoorhoede\u002F","https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCzHuhQVYFRixtQN2-swcuGg","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fde-voorhoede","+31 20 2610 954","post@voorhoede.nl",[11,14,17],{"title":12,"value":13},"KvK","56017235",{"title":15,"value":16},"BTW","NL851944620B01",{"title":18,"value":19},"IBAN","NL14TRIO0320142078",[21,26],{"address":22,"city":23,"googleMapsLink":24,"postalCode":25},"Koivistokade 70","Amsterdam","https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fplace\u002FDe+Voorhoede+%7C+Front-end+Development\u002F@52.396847,4.8700823,17z\u002Fdata=!3m1!4b1!4m5!3m4!1s0x47c5e21d502d2d59:0xbf570944a96ebf45!8m2!3d52.347647!4d4.8502154","1013 BB",{"address":27,"city":28,"googleMapsLink":29,"postalCode":30},"Koornmarkt 22","Delft","https:\u002F\u002Fwww.google.nl\u002Fmaps\u002Fplace\u002FKoornmarkt+22,+2611+EG+Delft\u002F@52.0093477,4.3573054,17z\u002F","2611 EG",{"title":32,"callToActions":33,"links":39},"Site Menu",[34],{"id":35,"title":36,"link":37},"163140903","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140909","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140910","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140911","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140913","Over ons",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"NnUFs73_Saa8XE_jYZFHcw","Werken bij",{"__typename":44,"slug":65},"work-at",{"links":67,"copyrightTitle":93,"copyrightLabel":94,"copyrightLink":95,"privacyTitle":96,"privacyLabel":97,"privacyLink":98,"certificatesGrid":99},[68,71,74,77,82,85,88],{"id":69,"title":42,"link":70},"144185271",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185272",{"__typename":50},{"id":75,"title":53,"link":76},"144185273",{"__typename":55},{"id":78,"title":79,"link":80},"144185274","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185275",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185276",{"__typename":38},{"id":89,"title":90,"link":91},"144185277","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licentie en disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","PDF bestand van De Voorhoede privacy statement","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1780323242-vh-isms-006-privacy-statement-de-voorhoede.pdf",[100,112,122],{"id":101,"image":102,"link":107},"Xq4bBfg_TZ6Fkjax9mkbLQ",{"url":103,"alt":104,"width":105,"height":106},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353463-b-corp-logo-black-rgb.png",null,404,680,{"__typename":108,"id":109,"title":110,"url":111},"ExternalLinkRecord","fGW1ak8XQYaYDLkBSyncog","B Corp","https:\u002F\u002Fwww.bcorporation.net\u002Fen-us\u002Ffind-a-b-corp\u002Fcompany\u002Fde-voorhoede\u002F",{"id":113,"image":114,"link":118},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":104,"width":116,"height":117},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png",627,480,{"__typename":108,"id":119,"title":120,"url":121},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":123,"image":124,"link":127},"MT5SCyNxSTSr_v5eeATMZw",{"url":125,"alt":104,"width":126,"height":126},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png",518,{"id":128,"title":129,"link":130},"BRtNB5HnT5i-7HkA8IYzBw","DNV",{"__typename":44,"slug":131},"impact\u002Fdigitale-producten-privacy-by-design",[133,136],{"locale":134,"value":135},"en","design-systems",{"locale":137,"value":135},"nl",{"tag":139},{"id":140,"title":141,"slug":135},"JBiZUe8mQVujxlNVR5gx8Q","Design Systems",{"page":143,"items":178,"itemsMeta":265,"tags":267,"tag":285},{"title":79,"social":144,"subtitle":147,"description":148,"headerIllustration":104,"pinnedPosts":149,"pivots":166},{"title":145,"description":146,"image":104},"Blog | De Voorhoede","Lees hoe we onze projecten aanpakken en welke technieken we gebruiken.","Wij houden van het web","Op ons blog lees je hoe we projecten aanpakken en welke technieken we gebruiken. Switch naar Engels voor nog meer blogs.",[150],{"slug":151,"social":152,"title":157,"date":158,"authors":159},"kick-start-design-system-design-inventory-workshop",{"title":153,"description":154,"image":155},"Design System Workshop met Web Experts | De Voorhoede","Een bestaand ontwerp veranderen in een systeem is een uitdaging. Om dit proces een vliegende start te geven hebben wij een Design System Workshop ontwikkeld. ",{"url":156},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1631791147-design-inventory-cover.jpg","Kick-start jouw Design System met een Design Inventory Workshop","2021-09-16T02:00:00.000+02:00",[160],{"name":161,"image":162},"Jasper",{"url":163,"alt":104,"width":164,"height":165},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535518-jasper.jpg",1892,2523,[167],{"title":168,"body":169,"links":170,"mailchimpValue":177,"mailchimpName":177,"mailchimpId":177,"formType":177,"contactPerson":104},"Ook verliefd op het web?","\u003Cp>Technologie en gebruikservaring. Snel, toegankelijk en een plezier om te gebruiken. Maar ook een plezier om te ontwikkelen. Geldt dit ook voor jou?\u003C\u002Fp>\n",[171],{"__typename":172,"id":173,"title":174,"link":175},"InternalLinkRecord","163140993","Kom ons versterken",{"__typename":44,"slug":176},"jobs","",[179,194,206,221,233,247,259],{"slug":180,"social":181,"title":182,"date":186,"authors":187},"toegankelijkheid-in-design-systems",{"title":182,"description":183,"image":184},"Toegankelijkheid in Design Systems","Ontwerpsystemen helpen bij toegankelijkheid, maar zijn niet de volledige oplossing.",{"url":185},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1749642128-accessibility_blog_with_graphic.jpg","2025-06-17T14:15:56.000+02:00",[188],{"name":189,"image":190},"Sjoerd",{"url":191,"alt":104,"width":192,"height":193},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534892-sjoerd.jpg",1637,2182,{"slug":195,"social":196,"title":201,"date":202,"authors":203},"design-system-op-maat-of-kant-en-klaar",{"title":197,"description":198,"image":199},"Design System: op maat of kant-en-klaar? ","Kies je voor een op maat gemaakt design system dat vanaf nul is opgebouwd of kies je voor een kant-en-klaar design system. Lees meer over de voor- en nadelen.",{"url":200},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1731076679-social-design-system-scratch-shelf.png","Design System: op maat of kant-en-klaar?","2024-11-19T13:16:02.759+01:00",[204],{"name":161,"image":205},{"url":163,"alt":104,"width":164,"height":165},{"slug":207,"social":208,"title":210,"date":213,"authors":214},"schrijf-code-eenmalig-en-gebruik-het-overal-met-mitosis-een-mooie-droom-of-werkelijkheid",{"title":209,"description":210,"image":211},"Gebruik Mitosis om een Design System te bouwen","“Schrijf code eenmalig en gebruik het overal” met Mitosis; een mooie droom of werkelijkheid?",{"url":212},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1726596846-mitosis-social-cover-nl.jpg","2024-09-16T13:04:31.307+02:00",[215],{"name":216,"image":217},"Wessel",{"url":218,"alt":216,"width":219,"height":220},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1721035942-wessel.jpg",2135,2868,{"slug":222,"social":223,"title":228,"date":229,"authors":230},"affordance-design-system-componenten",{"title":224,"description":225,"image":226},"Affordance in Design System Componenten | De Voorhoede","Met affordance principes worden design systems gemakkelijker te gebruiken en flexibeler. Ontdek hoe je hier makkelijker applicaties mee bouwt.",{"url":227},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1716545063-linkedin-blog-7.jpg","Affordance in Design System Componenten","2024-05-27T09:00:00.000+02:00",[231],{"name":189,"image":232},{"url":191,"alt":104,"width":192,"height":193},{"slug":234,"social":235,"title":240,"date":241,"authors":242},"design-system-bouwen-react-webcomponenten",{"title":236,"description":237,"image":238},"Design System bouwen met React Webcomponenten ","Ontdek hoe je een universeel design system bouwt met React en Webcomponenten om te gebruiken in elke webapplicatie of framework.",{"url":239},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1714383267-linkedin-blog-5.jpg","Een Design System bouwen met React Webcomponenten","2023-06-19T02:00:00.000+02:00",[243,245],{"name":161,"image":244},{"url":163,"alt":104,"width":164,"height":165},{"name":189,"image":246},{"url":191,"alt":104,"width":192,"height":193},{"slug":248,"social":249,"title":254,"date":255,"authors":256},"kiezen-framework-design-system-componenten",{"title":250,"description":251,"image":252},"Hoe kies je een framework voor Design System Componenten","Welke technologie of framework kies je voor jouw design system? Wij onderzochten een setup met Stencil en PReact. Lees over onze conclusie. ",{"url":253},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1670852538-linkedin-post-2.jpg","Hoe kies je een framework voor design system componenten","2022-12-12T01:00:00.000+01:00",[257],{"name":161,"image":258},{"url":163,"alt":104,"width":164,"height":165},{"slug":151,"social":260,"title":157,"date":158,"authors":262},{"title":153,"description":154,"image":261},{"url":156},[263],{"name":161,"image":264},{"url":163,"alt":104,"width":164,"height":165},{"count":266},7,[268,272,273,277,281],{"id":269,"title":270,"slug":271},"WTPJX79URE-O5lpWLJeEHg","Headless CMS","headless-cms",{"id":140,"title":141,"slug":135},{"id":274,"title":275,"slug":276},"HgWm8aCCRMWWS0eqggo5xg","Accessibility","accessibility",{"id":278,"title":279,"slug":280},"NJN9K2rdSY2pn9MvchHLtw","Strategie","strategie",{"id":282,"title":283,"slug":284},"b-HOCOQTRJKMsff0UxhDcg","Web performance","web-performance",{"i18nSlugs":286,"id":140,"title":141,"slug":135,"blogTagSocial":289,"blogTopicDescription":297},[287,288],{"locale":134,"value":135},{"locale":137,"value":135},{"title":290,"description":291,"image":292},"Blogs about Design Systems ","Everything you need to know about design systems. Technical insights from web development experts from De Voorhoede.",{"id":293,"width":294,"height":295,"url":296},"Hd4aQsjUQoKZiPBitnprUw",1200,620,"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1721046141-open-graph-design-systems.png","Everything you need to know about the technical approach to design systems. From tooling up to affordance.",1781883625843]