[{"data":1,"prerenderedAt":483},["ShallowReactive",2],{"presentation-example-minimal":3},{"slides":4,"metadata":471,"editUrl":-1},[5,26,171,358,449],{"header":6,"pretitle":-1,"subtitle":-1,"body":18,"headingLevel":11,"layout":-1,"layoutProps":-1,"backgroundImage":-1,"quicklink":-1},{"type":7,"children":8},"root",[9],{"type":10,"tag":11,"props":12,"children":14},"element","h1",{"id":13},"swiss-typography",[15],{"type":16,"value":17},"text","Swiss Typography",{"type":7,"children":19},[20],{"type":10,"tag":21,"props":22,"children":23},"p",{},[24],{"type":16,"value":25},"The International Typographic Style",{"body":27,"verticalSlides":155,"headingLevel":30},{"type":7,"children":28},[29,36,43,48,94,103,109],{"type":10,"tag":30,"props":31,"children":33},"h2",{"id":32},"design-principles",[34],{"type":16,"value":35},"Design Principles",{"type":10,"tag":37,"props":38,"children":40},"h3",{"id":39},"clarity-through-structure",[41],{"type":16,"value":42},"Clarity Through Structure",{"type":10,"tag":21,"props":44,"children":45},{},[46],{"type":16,"value":47},"The Swiss design movement, born in the 1950s, revolutionized visual communication through:",{"type":10,"tag":49,"props":50,"children":51},"ul",{},[52,64,74,84],{"type":10,"tag":53,"props":54,"children":55},"li",{},[56,62],{"type":10,"tag":57,"props":58,"children":59},"strong",{},[60],{"type":16,"value":61},"Grid-based layouts",{"type":16,"value":63}," — Mathematical precision in composition",{"type":10,"tag":53,"props":65,"children":66},{},[67,72],{"type":10,"tag":57,"props":68,"children":69},{},[70],{"type":16,"value":71},"Sans-serif typography",{"type":16,"value":73}," — Helvetica as the ultimate expression",{"type":10,"tag":53,"props":75,"children":76},{},[77,82],{"type":10,"tag":57,"props":78,"children":79},{},[80],{"type":16,"value":81},"Asymmetric balance",{"type":16,"value":83}," — Dynamic yet harmonious arrangements",{"type":10,"tag":53,"props":85,"children":86},{},[87,92],{"type":10,"tag":57,"props":88,"children":89},{},[90],{"type":16,"value":91},"Objective photography",{"type":16,"value":93}," — Reality over illustration",{"type":10,"tag":95,"props":96,"children":97},"blockquote",{},[98],{"type":10,"tag":21,"props":99,"children":100},{},[101],{"type":16,"value":102},"Good design is as little design as possible.\n— Dieter Rams",{"type":10,"tag":37,"props":104,"children":106},{"id":105},"the-grid-system",[107],{"type":16,"value":108},"The Grid System",{"type":10,"tag":110,"props":111,"children":112},"two-columns",{},[113,120,125,131],{"type":10,"tag":114,"props":115,"children":117},"h4",{"id":116},"purpose",[118],{"type":16,"value":119},"Purpose",{"type":10,"tag":21,"props":121,"children":122},{},[123],{"type":16,"value":124},"The grid provides structure without sacrificing creativity. It creates visual rhythm and guides the eye naturally through content.",{"type":10,"tag":114,"props":126,"children":128},{"id":127},"application",[129],{"type":16,"value":130},"Application",{"type":10,"tag":132,"props":133,"children":134},"ol",{},[135,140,145,150],{"type":10,"tag":53,"props":136,"children":137},{},[138],{"type":16,"value":139},"Establish consistent margins",{"type":10,"tag":53,"props":141,"children":142},{},[143],{"type":16,"value":144},"Define column widths",{"type":10,"tag":53,"props":146,"children":147},{},[148],{"type":16,"value":149},"Align all elements to the grid",{"type":10,"tag":53,"props":151,"children":152},{},[153],{"type":16,"value":154},"Use white space intentionally",[156,161,166],{"header":157,"pretitle":-1,"subtitle":-1,"body":159,"headingLevel":30,"layout":-1,"layoutProps":-1,"backgroundImage":-1,"quicklink":-1},{"type":7,"children":158},[29],{"type":7,"children":160},[],{"header":162,"pretitle":-1,"subtitle":-1,"body":164,"headingLevel":37,"layout":-1,"layoutProps":-1,"backgroundImage":-1,"quicklink":-1},{"type":7,"children":163},[36],{"type":7,"children":165},[43,48,94],{"header":167,"pretitle":-1,"subtitle":-1,"body":169,"headingLevel":37,"layout":-1,"layoutProps":-1,"backgroundImage":-1,"quicklink":-1},{"type":7,"children":168},[103],{"type":7,"children":170},[109],{"body":172,"verticalSlides":347,"headingLevel":30},{"type":7,"children":173},[174,180,186],{"type":10,"tag":30,"props":175,"children":177},{"id":176},"code-example",[178],{"type":16,"value":179},"Code Example",{"type":10,"tag":37,"props":181,"children":183},{"id":182},"clean-functional-code",[184],{"type":16,"value":185},"Clean, Functional Code",{"type":10,"tag":187,"props":188,"children":193},"pre",{"className":189,"code":190,"language":191,"meta":192,"style":192},"language-javascript shiki shiki-themes github-dark","const swissDesign = {\n  typography: 'Helvetica Neue',\n  colors: ['#000000', '#ffffff', '#e63946'],\n  principles: [\n    'Clarity',\n    'Objectivity',\n    'Universality'\n  ]\n}\n","javascript","",[194],{"type":10,"tag":195,"props":196,"children":197},"code",{"__ignoreMap":192},[198,227,247,285,294,307,320,329,338],{"type":10,"tag":199,"props":200,"children":203},"span",{"class":201,"line":202},"line",1,[204,210,216,221],{"type":10,"tag":199,"props":205,"children":207},{"style":206},"--shiki-default:#F97583",[208],{"type":16,"value":209},"const",{"type":10,"tag":199,"props":211,"children":213},{"style":212},"--shiki-default:#79B8FF",[214],{"type":16,"value":215}," swissDesign",{"type":10,"tag":199,"props":217,"children":218},{"style":206},[219],{"type":16,"value":220}," =",{"type":10,"tag":199,"props":222,"children":224},{"style":223},"--shiki-default:#E1E4E8",[225],{"type":16,"value":226}," {\n",{"type":10,"tag":199,"props":228,"children":230},{"class":201,"line":229},2,[231,236,242],{"type":10,"tag":199,"props":232,"children":233},{"style":223},[234],{"type":16,"value":235},"  typography: ",{"type":10,"tag":199,"props":237,"children":239},{"style":238},"--shiki-default:#9ECBFF",[240],{"type":16,"value":241},"'Helvetica Neue'",{"type":10,"tag":199,"props":243,"children":244},{"style":223},[245],{"type":16,"value":246},",\n",{"type":10,"tag":199,"props":248,"children":250},{"class":201,"line":249},3,[251,256,261,266,271,275,280],{"type":10,"tag":199,"props":252,"children":253},{"style":223},[254],{"type":16,"value":255},"  colors: [",{"type":10,"tag":199,"props":257,"children":258},{"style":238},[259],{"type":16,"value":260},"'#000000'",{"type":10,"tag":199,"props":262,"children":263},{"style":223},[264],{"type":16,"value":265},", ",{"type":10,"tag":199,"props":267,"children":268},{"style":238},[269],{"type":16,"value":270},"'#ffffff'",{"type":10,"tag":199,"props":272,"children":273},{"style":223},[274],{"type":16,"value":265},{"type":10,"tag":199,"props":276,"children":277},{"style":238},[278],{"type":16,"value":279},"'#e63946'",{"type":10,"tag":199,"props":281,"children":282},{"style":223},[283],{"type":16,"value":284},"],\n",{"type":10,"tag":199,"props":286,"children":288},{"class":201,"line":287},4,[289],{"type":10,"tag":199,"props":290,"children":291},{"style":223},[292],{"type":16,"value":293},"  principles: [\n",{"type":10,"tag":199,"props":295,"children":297},{"class":201,"line":296},5,[298,303],{"type":10,"tag":199,"props":299,"children":300},{"style":238},[301],{"type":16,"value":302},"    'Clarity'",{"type":10,"tag":199,"props":304,"children":305},{"style":223},[306],{"type":16,"value":246},{"type":10,"tag":199,"props":308,"children":310},{"class":201,"line":309},6,[311,316],{"type":10,"tag":199,"props":312,"children":313},{"style":238},[314],{"type":16,"value":315},"    'Objectivity'",{"type":10,"tag":199,"props":317,"children":318},{"style":223},[319],{"type":16,"value":246},{"type":10,"tag":199,"props":321,"children":323},{"class":201,"line":322},7,[324],{"type":10,"tag":199,"props":325,"children":326},{"style":238},[327],{"type":16,"value":328},"    'Universality'\n",{"type":10,"tag":199,"props":330,"children":332},{"class":201,"line":331},8,[333],{"type":10,"tag":199,"props":334,"children":335},{"style":223},[336],{"type":16,"value":337},"  ]\n",{"type":10,"tag":199,"props":339,"children":341},{"class":201,"line":340},9,[342],{"type":10,"tag":199,"props":343,"children":344},{"style":223},[345],{"type":16,"value":346},"}\n",[348,353],{"header":349,"pretitle":-1,"subtitle":-1,"body":351,"headingLevel":30,"layout":-1,"layoutProps":-1,"backgroundImage":-1,"quicklink":-1},{"type":7,"children":350},[174],{"type":7,"children":352},[],{"header":354,"pretitle":-1,"subtitle":-1,"body":356,"headingLevel":37,"layout":-1,"layoutProps":-1,"backgroundImage":-1,"quicklink":-1},{"type":7,"children":355},[180],{"type":7,"children":357},[186],{"header":359,"pretitle":-1,"subtitle":-1,"body":367,"headingLevel":30,"layout":-1,"layoutProps":-1,"backgroundImage":-1,"quicklink":-1},{"type":7,"children":360},[361],{"type":10,"tag":30,"props":362,"children":364},{"id":363},"summary",[365],{"type":16,"value":366},"Summary",{"type":7,"children":368},[369],{"type":10,"tag":370,"props":371,"children":372},"table",{},[373,392],{"type":10,"tag":374,"props":375,"children":376},"thead",{},[377],{"type":10,"tag":378,"props":379,"children":380},"tr",{},[381,387],{"type":10,"tag":382,"props":383,"children":384},"th",{},[385],{"type":16,"value":386},"Principle",{"type":10,"tag":382,"props":388,"children":389},{},[390],{"type":16,"value":391},"Implementation",{"type":10,"tag":393,"props":394,"children":395},"tbody",{},[396,410,423,436],{"type":10,"tag":378,"props":397,"children":398},{},[399,405],{"type":10,"tag":400,"props":401,"children":402},"td",{},[403],{"type":16,"value":404},"Clarity",{"type":10,"tag":400,"props":406,"children":407},{},[408],{"type":16,"value":409},"Strong hierarchy, ample white space",{"type":10,"tag":378,"props":411,"children":412},{},[413,418],{"type":10,"tag":400,"props":414,"children":415},{},[416],{"type":16,"value":417},"Objectivity",{"type":10,"tag":400,"props":419,"children":420},{},[421],{"type":16,"value":422},"Sans-serif fonts, neutral colors",{"type":10,"tag":378,"props":424,"children":425},{},[426,431],{"type":10,"tag":400,"props":427,"children":428},{},[429],{"type":16,"value":430},"Grid",{"type":10,"tag":400,"props":432,"children":433},{},[434],{"type":16,"value":435},"Mathematical, consistent layouts",{"type":10,"tag":378,"props":437,"children":438},{},[439,444],{"type":10,"tag":400,"props":440,"children":441},{},[442],{"type":16,"value":443},"Reduction",{"type":10,"tag":400,"props":445,"children":446},{},[447],{"type":16,"value":448},"Remove unnecessary decoration",{"header":450,"pretitle":-1,"subtitle":-1,"body":458,"headingLevel":30,"layout":-1,"layoutProps":-1,"backgroundImage":-1,"quicklink":-1},{"type":7,"children":451},[452],{"type":10,"tag":30,"props":453,"children":455},{"id":454},"thank-you",[456],{"type":16,"value":457},"Thank You",{"type":7,"children":459},[460,465],{"type":10,"tag":21,"props":461,"children":462},{},[463],{"type":16,"value":464},"Less is more.",{"type":10,"tag":466,"props":467,"children":468},"style",{},[469],{"type":16,"value":470},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"theme":472,"transition":473,"center":474,"title":475,"description":25,"lang":476,"reveal":477,"status":481,"project":482},"minimal","slide",true,"Swiss Design Principles","en",{"center":478,"slideNumber":474,"width":479,"height":480},false,1200,800,"public","interne",1783965907731]