[{"data":1,"prerenderedAt":90},["ShallowReactive",2],{"navigation":3,"/projects/erp-design-system":30},[4],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Blog","/blog","blog",[9,13,17,21,25],{"title":10,"path":11,"stem":12},"content ideas","/blog/content-ideas","blog/content-ideas",{"title":14,"path":15,"stem":16},"site improvements tracker","/blog/improvements","blog/improvements",{"title":18,"path":19,"stem":20},"inspiration & brainstorming","/blog/inspiration","blog/inspiration",{"title":22,"path":23,"stem":24},"a boring year retrospective","/blog/things-i-did-in-2025","blog/things-i-did-in-2025",{"title":26,"path":27,"stem":28},"tools i use as a design engineer in 2026","/blog/tools-i-use","blog/tools-i-use",false,{"id":31,"title":32,"body":33,"client":67,"date":68,"description":69,"duration":70,"extension":71,"image":72,"meta":73,"navigation":74,"path":75,"role":76,"seo":77,"stem":78,"tags":79,"team":67,"technologies":83,"__hash__":89},"projects/projects/erp-design-system.md","design-template",{"type":34,"value":35,"toc":63},"minimark",[36,44,47,50,57],[37,38,39,40,43],"p",{},"Inspired by the tools I use the most (Tailwind, shadcn), I wanted to make my own design system interface.\n",[41,42,32],"code",{}," is a Nuxt starter I install on projects to get a browsable component reference: tokens, base components, and patterns organized in a sidebar navigation. Useful during development, and a pleasing space to inspect and browse custom components and design principles.",[37,45,46],{},"Good documentation makes you reflect on your decisions. That's free improvement.\nFor my thesis at school, I researched metacognition, thinking about thinking, and how it's helpful for positive learning outcomes. I believe building this kind of reference reinforces your decisions and keeps you consistent and close to your own design language.",[37,48,49],{},"ERP DS is the version I built to showcase data heavy interface; 20+ components covering dense data tables, sortable lists, status badges, keyboard shortcuts, icon libraries, multi-section detail panels.",[37,51,52],{},[53,54],"img",{"alt":55,"src":56},"Keyboard shortcuts and icon library — ERP DS","/projects/design-template/erp-kb-icons.png",[37,58,59],{},[53,60],{"alt":61,"src":62},"Sidebar nav component — active state, badges, user avatar","/projects/design-template/erp-sidebar-nav.png",{"title":64,"searchDepth":65,"depth":65,"links":66},"",2,[],null,"2025-08-01T00:00:00.000Z","Just a fun Nuxt starter I made to browse design system documentation: tokens, base components, and patterns in one place. ","2025","md","/projects/erp-cover.png",{},true,"/projects/erp-design-system","Designer & Frontend Developer",{"title":32,"description":69},"projects/erp-design-system",[80,81,82],"Design Systems","Frontend Development","Personal Project",[84,85,86,87,88],"Vue 3","TypeScript","Tailwind CSS 4","Nuxt","Design systems","ax3Iw2Y8ho7q6ypVD6m-TBeCNgklO44K45oANmjjAKY",1775482240668]