[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-die-grenzen-im-webdesign-ausloten":3,"curated-related-die-grenzen-im-webdesign-ausloten":159},{"data":4,"meta":155},[5],{"id":6,"documentId":7,"title":8,"alternativeTitle":9,"description":10,"content":11,"publish_at":18,"slug":19,"highlight":20,"curated":21,"createdAt":22,"updatedAt":23,"publishedAt":24,"locale":25,"image":26,"category":90,"tags":98,"source":99,"seo":104,"author":109},89,"yhu42nobglp9ku2d4p0nhmyu","Design-Systeme im Web","Die Grenzen im Webdesign ausloten","Das Web kennt im Gegensatz zum Papier keine starren Grenzen. Die unzähligen Endgeräte und Screen-Dimensionen sind für Gestalter eine Herausforderung, bieten aber im Vergleich zum Print-Design auch völlig neue Möglichkeiten. Stefan Huber beschreibt in seinem Artikel für den Publisher wie aus Komponenten gehaltvolle Layouts werden.",[12],{"type":13,"children":14},"paragraph",[15],{"text":16,"type":17},"","text","2019-09-15T22:00:00.000Z","die-grenzen-im-webdesign-ausloten",false,true,"2026-05-21T15:08:25.776Z","2026-05-30T16:35:09.812Z","2026-05-30T16:35:09.857Z","de-CH",{"id":27,"documentId":28,"name":29,"alternativeText":29,"caption":29,"focalPoint":30,"width":31,"height":31,"formats":32,"hash":84,"ext":34,"mime":37,"size":85,"url":86,"previewUrl":30,"provider":87,"provider_metadata":30,"createdAt":88,"updatedAt":88,"publishedAt":89},17,"fcri4bl5f0906f8ypsemza2z","design-systems-web.png",null,4388,{"lg":33,"md":42,"sm":49,"xl":56,"2xl":63,"3xl":70,"thumbnail":77},{"ext":34,"url":35,"hash":36,"mime":37,"name":38,"path":30,"size":39,"width":40,"height":40,"sizeInBytes":41},".png","\u002Fuploads\u002Flg_design_systems_web_aba854b44f.png","lg_design_systems_web_aba854b44f","image\u002Fpng","lg_design-systems-web.png",40.77,1024,40768,{"ext":34,"url":43,"hash":44,"mime":37,"name":45,"path":30,"size":46,"width":47,"height":47,"sizeInBytes":48},"\u002Fuploads\u002Fmd_design_systems_web_aba854b44f.png","md_design_systems_web_aba854b44f","md_design-systems-web.png",28.49,768,28489,{"ext":34,"url":50,"hash":51,"mime":37,"name":52,"path":30,"size":53,"width":54,"height":54,"sizeInBytes":55},"\u002Fuploads\u002Fsm_design_systems_web_aba854b44f.png","sm_design_systems_web_aba854b44f","sm_design-systems-web.png",22.71,640,22708,{"ext":34,"url":57,"hash":58,"mime":37,"name":59,"path":30,"size":60,"width":61,"height":61,"sizeInBytes":62},"\u002Fuploads\u002Fxl_design_systems_web_aba854b44f.png","xl_design_systems_web_aba854b44f","xl_design-systems-web.png",50.81,1280,50807,{"ext":34,"url":64,"hash":65,"mime":37,"name":66,"path":30,"size":67,"width":68,"height":68,"sizeInBytes":69},"\u002Fuploads\u002F2xl_design_systems_web_aba854b44f.png","2xl_design_systems_web_aba854b44f","2xl_design-systems-web.png",65.04,1536,65043,{"ext":34,"url":71,"hash":72,"mime":37,"name":73,"path":30,"size":74,"width":75,"height":75,"sizeInBytes":76},"\u002Fuploads\u002F3xl_design_systems_web_aba854b44f.png","3xl_design_systems_web_aba854b44f","3xl_design-systems-web.png",86.38,1920,86378,{"ext":34,"url":78,"hash":79,"mime":37,"name":80,"path":30,"size":81,"width":82,"height":82,"sizeInBytes":83},"\u002Fuploads\u002Fthumbnail_design_systems_web_aba854b44f.png","thumbnail_design_systems_web_aba854b44f","thumbnail_design-systems-web.png",4.67,156,4665,"design_systems_web_aba854b44f",65.25,"\u002Fuploads\u002Fdesign_systems_web_aba854b44f.png","local","2026-05-21T14:50:16.547Z","2026-05-21T14:50:16.548Z",{"id":91,"documentId":92,"name":93,"slug":94,"createdAt":95,"updatedAt":96,"publishedAt":97},9,"cth9u5cwmxxvqdzj6v8fgbd6","Publishing","publishing","2026-05-21T15:08:23.024Z","2026-05-21T15:08:32.201Z","2026-05-21T15:08:32.215Z",[],{"id":100,"text":101,"link":102,"authorName":103},21,"publisher.ch","https:\u002F\u002Fpublisher.ch\u002F2019\u002F09\u002F16\u002Fdesign-systeme-im-web\u002F","Stefan Huber",{"id":105,"metaTitle":8,"metaDescription":106,"keywords":107,"metaRobots":108,"metaViewport":30,"canonicalURL":30,"structuredData":30,"metaImage":30},125,"Das Web kennt keine starren Grenzen wie das Papier. Stefan Huber zeigt, wie Design-Systeme den unzähligen Endgeräten und Screen-Dimensionen begegnen.","Design System, Webdesign, Responsive, Screens, UI","index,follow",{"id":110,"documentId":111,"firstname":112,"lastname":113,"email":114,"createdAt":115,"updatedAt":116,"publishedAt":117,"image":118},3,"asjgslbsmuys80l8fyk1a306","Benjamin","Schenk","benjamin.schenk@punktzwei.ch","2026-05-21T15:08:22.494Z","2026-05-21T15:08:32.078Z","2026-05-21T15:08:32.084Z",{"id":119,"documentId":120,"name":121,"alternativeText":121,"caption":121,"focalPoint":30,"width":122,"height":122,"formats":123,"hash":150,"ext":125,"mime":128,"size":151,"url":152,"previewUrl":30,"provider":87,"provider_metadata":30,"createdAt":153,"updatedAt":153,"publishedAt":154},127,"q2eowbvqy8wfo87j57ht78ck","Portrait_Benjamin_Schenk_Website.jpg",1032,{"lg":124,"md":132,"sm":138,"thumbnail":144},{"ext":125,"url":126,"hash":127,"mime":128,"name":129,"path":30,"size":130,"width":40,"height":40,"sizeInBytes":131},".jpg","\u002Fuploads\u002Flg_Portrait_Benjamin_Schenk_Website_3e673ffbea.jpg","lg_Portrait_Benjamin_Schenk_Website_3e673ffbea","image\u002Fjpeg","lg_Portrait_Benjamin_Schenk_Website.jpg",121.38,121377,{"ext":125,"url":133,"hash":134,"mime":128,"name":135,"path":30,"size":136,"width":47,"height":47,"sizeInBytes":137},"\u002Fuploads\u002Fmd_Portrait_Benjamin_Schenk_Website_3e673ffbea.jpg","md_Portrait_Benjamin_Schenk_Website_3e673ffbea","md_Portrait_Benjamin_Schenk_Website.jpg",73.25,73249,{"ext":125,"url":139,"hash":140,"mime":128,"name":141,"path":30,"size":142,"width":54,"height":54,"sizeInBytes":143},"\u002Fuploads\u002Fsm_Portrait_Benjamin_Schenk_Website_3e673ffbea.jpg","sm_Portrait_Benjamin_Schenk_Website_3e673ffbea","sm_Portrait_Benjamin_Schenk_Website.jpg",52.55,52554,{"ext":125,"url":145,"hash":146,"mime":128,"name":147,"path":30,"size":148,"width":82,"height":82,"sizeInBytes":149},"\u002Fuploads\u002Fthumbnail_Portrait_Benjamin_Schenk_Website_3e673ffbea.jpg","thumbnail_Portrait_Benjamin_Schenk_Website_3e673ffbea","thumbnail_Portrait_Benjamin_Schenk_Website.jpg",4.37,4374,"Portrait_Benjamin_Schenk_Website_3e673ffbea",113.01,"\u002Fuploads\u002FPortrait_Benjamin_Schenk_Website_3e673ffbea.jpg","2026-05-21T15:08:22.475Z","2026-05-21T15:08:22.476Z",{"pagination":156},{"page":157,"pageSize":158,"pageCount":157,"total":157},1,25,{"data":160,"meta":322},[161,250],{"id":162,"documentId":163,"title":164,"alternativeTitle":165,"description":166,"content":167,"publish_at":171,"slug":172,"highlight":20,"curated":21,"createdAt":173,"updatedAt":174,"publishedAt":175,"locale":25,"image":176,"category":237,"source":245},81,"wt7pta2ozve89tho811o6bpz","Ist das Headless JavaScript Framework CMS Strapi bereit für die breite Masse?","Ein Fazit über die Funktionen des Headless CMS Strapi","Headless CMS treten langsam aus ihrem Nischenbereich und bieten spannende neue Möglichkeiten. Frederik Ventzke zieht in seinem Artikel ein Fazit über Strapi, einer der bekanntesten Vertreter aus der Headless-CMS-Familie.",[168],{"type":13,"children":169},[170],{"text":16,"type":17},"2022-06-10T22:00:00.000Z","ein-fazit-ueber-die-funktionen-des-headless-cms-strapi","2026-05-21T15:08:28.240Z","2026-05-30T15:27:52.687Z","2026-05-30T15:27:52.769Z",{"id":177,"documentId":178,"name":179,"alternativeText":179,"caption":179,"focalPoint":30,"width":180,"height":181,"formats":182,"hash":233,"ext":125,"mime":128,"size":234,"url":235,"previewUrl":30,"provider":87,"provider_metadata":30,"createdAt":236,"updatedAt":236,"publishedAt":236},150,"ph9mvmwqwb86cvk1uz0z2svw","strapi-logo-purple-white.jpg",2160,1359,{"lg":183,"md":190,"sm":197,"xl":204,"2xl":211,"3xl":218,"thumbnail":225},{"ext":125,"url":184,"hash":185,"mime":128,"name":186,"path":30,"size":187,"width":40,"height":188,"sizeInBytes":189},"\u002Fuploads\u002Flg_strapi_logo_purple_white_efbd432e7f.jpg","lg_strapi_logo_purple_white_efbd432e7f","lg_strapi-logo-purple-white.jpg",11.11,644,11109,{"ext":125,"url":191,"hash":192,"mime":128,"name":193,"path":30,"size":194,"width":47,"height":195,"sizeInBytes":196},"\u002Fuploads\u002Fmd_strapi_logo_purple_white_efbd432e7f.jpg","md_strapi_logo_purple_white_efbd432e7f","md_strapi-logo-purple-white.jpg",7.51,483,7511,{"ext":125,"url":198,"hash":199,"mime":128,"name":200,"path":30,"size":201,"width":54,"height":202,"sizeInBytes":203},"\u002Fuploads\u002Fsm_strapi_logo_purple_white_efbd432e7f.jpg","sm_strapi_logo_purple_white_efbd432e7f","sm_strapi-logo-purple-white.jpg",5.98,402,5980,{"ext":125,"url":205,"hash":206,"mime":128,"name":207,"path":30,"size":208,"width":61,"height":209,"sizeInBytes":210},"\u002Fuploads\u002Fxl_strapi_logo_purple_white_efbd432e7f.jpg","xl_strapi_logo_purple_white_efbd432e7f","xl_strapi-logo-purple-white.jpg",15.03,805,15025,{"ext":125,"url":212,"hash":213,"mime":128,"name":214,"path":30,"size":215,"width":68,"height":216,"sizeInBytes":217},"\u002Fuploads\u002F2xl_strapi_logo_purple_white_efbd432e7f.jpg","2xl_strapi_logo_purple_white_efbd432e7f","2xl_strapi-logo-purple-white.jpg",18.94,966,18936,{"ext":125,"url":219,"hash":220,"mime":128,"name":221,"path":30,"size":222,"width":75,"height":223,"sizeInBytes":224},"\u002Fuploads\u002F3xl_strapi_logo_purple_white_efbd432e7f.jpg","3xl_strapi_logo_purple_white_efbd432e7f","3xl_strapi-logo-purple-white.jpg",26.33,1208,26331,{"ext":125,"url":226,"hash":227,"mime":128,"name":228,"path":30,"size":229,"width":230,"height":231,"sizeInBytes":232},"\u002Fuploads\u002Fthumbnail_strapi_logo_purple_white_efbd432e7f.jpg","thumbnail_strapi_logo_purple_white_efbd432e7f","thumbnail_strapi-logo-purple-white.jpg",1.77,245,154,1774,"strapi_logo_purple_white_efbd432e7f",30.87,"\u002Fuploads\u002Fstrapi_logo_purple_white_efbd432e7f.jpg","2026-05-21T15:08:28.217Z",{"id":238,"documentId":239,"name":240,"slug":241,"createdAt":242,"updatedAt":243,"publishedAt":244},10,"xi9ce0bxja68s9u6qds52nkv","Tools & Technik","tools-and-technik","2026-05-21T15:08:23.074Z","2026-05-21T15:08:32.233Z","2026-05-21T15:08:32.240Z",{"id":246,"text":247,"link":248,"authorName":249},19,"Ventzke Media","https:\u002F\u002Fwww.ventzke-media.de\u002Fblog\u002Fstrapi-headless-cms.html","Frederik Ventzke",{"id":251,"documentId":252,"title":253,"alternativeTitle":254,"description":255,"content":256,"publish_at":260,"slug":261,"highlight":20,"curated":21,"createdAt":262,"updatedAt":263,"publishedAt":264,"locale":25,"image":265,"category":311,"source":319},83,"x4u12ma42q8wgrdm0b4kjt17","Masseinheiten im Web – relative oder absolute Angaben","Grössenangaben für den Screen","Was ist der Unterschied zwischen «rem» und «em»? Wie soll ich meine Schriftgrösse im Web definieren? Stefan Huber erklärt die verschiedenen Masseinheiten.",[257],{"type":13,"children":258},[259],{"text":16,"type":17},"2022-05-12T22:00:00.000Z","groessenangaben-fuer-den-screen","2026-05-21T15:08:28.726Z","2026-05-30T15:28:41.840Z","2026-05-30T15:28:41.876Z",{"id":266,"documentId":267,"name":268,"alternativeText":268,"caption":268,"focalPoint":30,"width":269,"height":270,"formats":271,"hash":307,"ext":34,"mime":37,"size":308,"url":309,"previewUrl":30,"provider":87,"provider_metadata":30,"createdAt":310,"updatedAt":310,"publishedAt":310},152,"ecsd8aa0j4d49rsa37h336yr","masseinheiten_im_web.png",1401,1373,{"lg":272,"md":279,"sm":286,"xl":293,"thumbnail":300},{"ext":34,"url":273,"hash":274,"mime":37,"name":275,"path":30,"size":276,"width":40,"height":277,"sizeInBytes":278},"\u002Fuploads\u002Flg_masseinheiten_im_web_a3c5fa918d.png","lg_masseinheiten_im_web_a3c5fa918d","lg_masseinheiten_im_web.png",56.08,1004,56081,{"ext":34,"url":280,"hash":281,"mime":37,"name":282,"path":30,"size":283,"width":47,"height":284,"sizeInBytes":285},"\u002Fuploads\u002Fmd_masseinheiten_im_web_a3c5fa918d.png","md_masseinheiten_im_web_a3c5fa918d","md_masseinheiten_im_web.png",39.61,753,39609,{"ext":34,"url":287,"hash":288,"mime":37,"name":289,"path":30,"size":290,"width":54,"height":291,"sizeInBytes":292},"\u002Fuploads\u002Fsm_masseinheiten_im_web_a3c5fa918d.png","sm_masseinheiten_im_web_a3c5fa918d","sm_masseinheiten_im_web.png",32,627,31995,{"ext":34,"url":294,"hash":295,"mime":37,"name":296,"path":30,"size":297,"width":61,"height":298,"sizeInBytes":299},"\u002Fuploads\u002Fxl_masseinheiten_im_web_a3c5fa918d.png","xl_masseinheiten_im_web_a3c5fa918d","xl_masseinheiten_im_web.png",74.77,1254,74772,{"ext":34,"url":301,"hash":302,"mime":37,"name":303,"path":30,"size":304,"width":305,"height":82,"sizeInBytes":306},"\u002Fuploads\u002Fthumbnail_masseinheiten_im_web_a3c5fa918d.png","thumbnail_masseinheiten_im_web_a3c5fa918d","thumbnail_masseinheiten_im_web.png",8.18,159,8177,"masseinheiten_im_web_a3c5fa918d",12.87,"\u002Fuploads\u002Fmasseinheiten_im_web_a3c5fa918d.png","2026-05-21T15:08:28.710Z",{"id":312,"documentId":313,"name":314,"slug":315,"createdAt":316,"updatedAt":317,"publishedAt":318},6,"qryh6hip60vwuwt4yr7iwo2m","Design","design","2026-05-21T15:08:22.865Z","2026-05-21T15:08:32.122Z","2026-05-21T15:08:32.128Z",{"id":320,"text":101,"link":321,"authorName":103},20,"https:\u002F\u002Fpublisher.ch\u002F2020\u002F05\u002F13\u002Fmasseinheiten-im-web-relative-oder-absolute-angaben",{"pagination":323},{"page":157,"pageSize":110,"pageCount":157,"total":324},2]