{"meta":{"name":"Raster","description":"The design system behind noord.vc, noord.dev, and renatovaldes.com.","url":"https://noord.dev/studio/raster"},"color":{"light":{"paper":"#FAF8F2","ink":"#1A1A1A","gray":"#6B6B6B","divider":"rgba(0,0,0,0.10)","dividerSubtle":"rgba(0,0,0,0.06)","gridLine":"rgba(0,0,0,0.025)","tableAlt":"rgba(0,0,0,0.02)"},"dark":{"black":"#0E0C0A","white":"#E8E8E8","gray":"#949494","divider":"rgba(255,255,255,0.12)","dividerSubtle":"rgba(255,255,255,0.07)","gridLine":"rgba(255,255,255,0.01)","tableAlt":"rgba(255,255,255,0.03)"},"neutralScale":["#1A1A1A","#3D3D3D","#6B6B6B","#949494","#C4C2BD","#E8E8E8","#FAF8F2"],"accent":"none — emphasis comes from weight, size, and spacing"},"type":{"family":"'Messina Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif","foundry":{"typeface":"Messina Sans","designer":"Luzi Gantenbein","publisher":"Luzi Type, Zürich","url":"https://www.luzi-type.ch"},"weights":{"body":500,"heading":600,"label":600},"bodyLineHeight":1.6,"measure":{"columns":3,"px":592,"characters":66},"caseRule":"Never all caps; labels and eyebrows are sentence case.","scale":[{"name":"displayXl","px":52,"weight":600,"tracking":"-0.035em","lineHeight":1.05},{"name":"display","px":38,"weight":600,"tracking":"-0.03em","lineHeight":1.15},{"name":"title","px":22,"weight":600,"tracking":"-0.02em","lineHeight":1.3},{"name":"subhead","px":17,"weight":500,"tracking":"-0.01em","lineHeight":1.5},{"name":"body","px":15,"weight":500,"tracking":"-0.01em","lineHeight":1.6},{"name":"label","px":13,"weight":600,"tracking":"-0.01em","lineHeight":1.3}]},"grid":{"module":204,"column":184,"gutter":20,"pad":20,"snap":"content boxes span whole 204px modules; edges step from grid line to grid line","maxModules":6,"maxWidth":1244,"anchors":{"rail":1024,"wide":1440},"mobile":{"breakpoint":480,"columns":2,"gutter":25,"pad":25,"columnWidth":"50vw − 37.5px"}},"radius":{"base":6,"small":4},"icons":{"sizes":[16,20,24,32],"stroke":1.5,"rule":"single-weight strokes in currentColor; filled only when the state is active"},"motion":{"duration":"0.15–0.3s","easing":"ease","rule":"color and opacity change; layout rarely moves; nothing bounces","reducedMotion":"all looping demos disabled under prefers-reduced-motion"},"breakpoints":{"mobileGrid":480,"mobileLayout":640,"rail":1024,"wide":1440,"cap":1700}}