[{"data":1,"prerenderedAt":1503},["ShallowReactive",2],{"navigation":3,"books":30,"blog-posts-notes":78},[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,"books":32,"extension":64,"meta":65,"stem":76,"__hash__":77},"books/books.yml",[33,39,44,49,54,59],{"title":34,"author":35,"cover":36,"url":37,"status":38},"The Comfort Crisis: Embrace Discomfort To Reclaim Your Wild, Happy, Healthy Self","Michael Easter","/books/comfortcrisis.jpg","https://app.thestorygraph.com/books/c7e40969-4fd7-48fa-bb4a-03f8dc49394b","read",{"title":40,"author":41,"cover":42,"url":43,"status":38},"Some Desperate Glory","Emily Tesh","/books/somedesperateglory.jpg","https://app.thestorygraph.com/books/c6402cfc-fff1-4b40-a30b-7ebe32871b68",{"title":45,"author":46,"cover":47,"url":48,"status":38},"Entangled Life: How Fungi Make Our Worlds, Change Our Minds and Shape Our Futures","Merlin Sheldrake","/books/entangledlife.png","https://app.thestorygraph.com/books/8c6f60c1-c813-422e-83d7-e17b8aedb0c5",{"title":50,"author":51,"cover":52,"url":53,"status":38},"How to Speak Whale: A Voyage into the Future of Animal Communication","Tom Mustill","/books/howtospeakwhale.png","https://app.thestorygraph.com/books/d851e165-b986-41fc-9043-8c75832cb704",{"title":55,"author":56,"cover":57,"url":58,"status":38},"Jade City","Fonda Lee","/books/jadecity.jpg","https://app.thestorygraph.com/books/b997bc7f-63f8-4ded-94f2-34e84ce6ec0d",{"title":60,"author":61,"cover":62,"url":63,"status":38},"Between the World and Me","Ta-Nehisi Coates","/books/betweentheworldandme.jpg","https://app.thestorygraph.com/books/56199341-fa60-45d1-83dd-7285f744f77b","yml",{"path":66,"body":67,"title":75},"/books",{"books":68},[69,70,71,72,73,74],{"title":34,"author":35,"cover":36,"url":37,"status":38},{"title":40,"author":41,"cover":42,"url":43,"status":38},{"title":45,"author":46,"cover":47,"url":48,"status":38},{"title":50,"author":51,"cover":52,"url":53,"status":38},{"title":55,"author":56,"cover":57,"url":58,"status":38},{"title":60,"author":61,"cover":62,"url":63,"status":38},"Books","books","yNn_KXqKVTqwqZQva5XZNIM1GdHut3Eaj8XPZiWb5Cg",[79,337,901,1389,1456],{"id":80,"title":10,"author":81,"body":82,"date":330,"description":331,"extension":332,"image":81,"meta":333,"minRead":81,"navigation":334,"path":11,"published":29,"seo":335,"stem":12,"testimonials":81,"__hash__":336},"blog/blog/content-ideas.md",null,{"type":83,"value":84,"toc":320},"minimark",[85,89,92,97,104,109,122,127,138,140,144,149,153,164,168,179,181,185,190,194,205,209,220,226,228,232,238,243,260,265,267,271,276,281,286,294,299,301,305],[86,87,88],"p",{},"A scratchpad for post ideas. Angles, hooks, raw material. Not for publishing.",[90,91],"hr",{},[93,94,96],"h2",{"id":95},"why-i-stopped-using-figma","Why I stopped using Figma",[86,98,99,103],{},[100,101,102],"strong",{},"Angle:"," Personal take, not a tutorial. \"Why I stopped X\" format removes the authority pressure — you don't need to be an expert, you need to have changed your mind about something.",[86,105,106],{},[100,107,108],{},"Possible hooks:",[110,111,112,116,119],"ul",{},[113,114,115],"li",{},"The handoff problem: designing in Figma for developers vs. designing in Figma for yourself",[113,117,118],{},"At some point the tool started to feel like overhead — what crossed the line?",[113,120,121],{},"What replaced it (or partially replaced it)? Tldraw, direct-in-code, something else?",[86,123,124],{},[100,125,126],{},"Raw questions to answer before writing:",[110,128,129,132,135],{},[113,130,131],{},"When did you actually start feeling friction with Figma?",[113,133,134],{},"Is this about collaboration, speed, fidelity, or something else?",[113,136,137],{},"What do you use now for what kinds of tasks?",[90,139],{},[93,141,143],{"id":142},"what-makes-a-data-heavy-interface-readable","What makes a data-heavy interface readable",[86,145,146,148],{},[100,147,102],{}," Specific and grounded — reference an actual thing you've built or worked on. The specificity is the credibility. Not a listicle, more like \"here's a real problem and what I noticed.\"",[86,150,151],{},[100,152,108],{},[110,154,155,158,161],{},[113,156,157],{},"Tables are everywhere and almost universally bad. Why?",[113,159,160],{},"The moment a dense UI clicks into place — what changed?",[113,162,163],{},"Information density vs. cognitive load: where's the line?",[86,165,166],{},[100,167,126],{},[110,169,170,173,176],{},[113,171,172],{},"What's a concrete example from your work (Fonky? Leads Wizard?) where this came up?",[113,174,175],{},"What decisions made the readable version non-obvious?",[113,177,178],{},"What do most people get wrong about data-dense design?",[90,180],{},[93,182,184],{"id":183},"shelves-case-study","Shelves case study",[86,186,187,189],{},[100,188,102],{}," A case study in progress — building your own product, from the designer-developer perspective. The honest version: what you're building, why, and what it's like to be both the designer and the person writing the code.",[86,191,192],{},[100,193,108],{},[110,195,196,199,202],{},[113,197,198],{},"What problem is Shelves solving that existing tools don't?",[113,200,201],{},"The joy and weirdness of being your own client",[113,203,204],{},"Design decisions you've made and why (early, scrappy versions are fine)",[86,206,207],{},[100,208,126],{},[110,210,211,214,217],{},[113,212,213],{},"What is Shelves, in one sentence for someone who doesn't know you?",[113,215,216],{},"What's the most interesting design or technical decision you've made so far?",[113,218,219],{},"Is this a \"here's the finished thing\" or \"here's the process\" post? (process is more interesting while in progress)",[86,221,222,225],{},[100,223,224],{},"Note:"," Hold until there's a screenshot or two to show. Visuals make this one land.",[90,227],{},[93,229,231],{"id":230},"things-i-keep-changing-my-mind-about","Things I keep changing my mind about",[86,233,234,237],{},[100,235,236],{},"Format:"," A list. No argument to construct, no expertise to perform. Just honest opinions in flux, updated over time. Maggie Appleton \"notes\" energy.",[86,239,240],{},[100,241,242],{},"Possible entries to spark it:",[110,244,245,248,251,254,257],{},[113,246,247],{},"Whether Figma is still the right tool",[113,249,250],{},"How much process is too much process",[113,252,253],{},"Whether accessibility is a design problem or an engineering problem (or both)",[113,255,256],{},"What \"good design\" actually means in a product context",[113,258,259],{},"Whether side projects are worth it",[86,261,262,264],{},[100,263,224],{}," This could be a living post you update, not a one-and-done. Low pressure to start.",[90,266],{},[93,268,270],{"id":269},"tools-i-actually-use-vs-tools-im-supposed-to-use","Tools I actually use vs. tools I'm supposed to use",[86,272,273,275],{},[100,274,236],{}," Short, opinionated list. The kind of post people share because it's honest.",[86,277,278,280],{},[100,279,102],{}," Every designer has a \"correct\" toolkit they perform and a real one. The gap between them is interesting.",[86,282,283],{},[100,284,285],{},"Possible structure:",[110,287,288,291],{},[113,289,290],{},"Supposed to use → what I actually use → why",[113,292,293],{},"e.g. Notion vs. something scrappier, Figma vs. direct-in-code, etc.",[86,295,296,298],{},[100,297,224],{}," No need to be exhaustive. 5–6 items is enough.",[90,300],{},[93,302,304],{"id":303},"pinned-for-later","Pinned for later",[110,306,307,314],{},[113,308,309,313],{},[310,311,312],"em",{},"From Figma to Vue: my component handoff process"," — pairs well with the Figma post",[113,315,316,319],{},[310,317,318],{},"What I think about when I design for accessibility"," — once the confidence is there",{"title":321,"searchDepth":322,"depth":322,"links":323},"",2,[324,325,326,327,328,329],{"id":95,"depth":322,"text":96},{"id":142,"depth":322,"text":143},{"id":183,"depth":322,"text":184},{"id":230,"depth":322,"text":231},{"id":269,"depth":322,"text":270},{"id":303,"depth":322,"text":304},"2026-03-13T00:00:00.000Z","Post ideas, angles, and raw notes. Not for publishing.","md",{},true,{"title":10,"description":331},"VcBOlmNje9VfOGezBvcdGOpU619Oc7FmTbJnGWLXVr8",{"id":338,"title":18,"author":81,"body":339,"date":896,"description":897,"extension":332,"image":81,"meta":898,"minRead":81,"navigation":334,"path":19,"published":29,"seo":899,"stem":20,"testimonials":81,"__hash__":900},"blog/blog/inspiration.md",{"type":83,"value":340,"toc":864},[341,344,346,350,355,373,375,379,391,393,397,408,410,414,432,434,438,444,446,450,464,466,470,481,483,487,501,503,507,513,515,519,533,535,539,545,547,551,557,559,563,574,576,580,586,588,592,598,600,604,610,612,616,619,623,640,644,661,665,681,685,696,700,711,715,726,730,744,746,750,756,759,770,773,781,788,790,794,797,822,825],[86,342,343],{},"A scratchpad. Not for publishing. Portfolios I like, what makes them work, and raw material for copy.",[90,345],{},[93,347,349],{"id":348},"portfolio-references","Portfolio References",[351,352,354],"h3",{"id":353},"maggie-appleton-maggieappletoncom","Maggie Appleton — maggieappleton.com",[86,356,357,358,361,362,365,366,369,370],{},"Designer + anthropologist + developer. The intersection of disciplines is the whole identity.\nWarm off-white, crimson red. Serif headings, editorial structure. Leaf SVGs translate on hover — a tiny handmade signature.\n",[100,359,360],{},"What to steal:"," One small, completely unexpected interactive detail. Not a system, just a moment.\n",[100,363,364],{},"For writing:"," Essays + Notes + Patterns. Long-form with illustrations. She connects technical topics to cultural/historical context. Digital garden model — publishes imperfect, evolving pieces. Not afraid to be conceptual and weird.\n",[100,367,368],{},"Her words:"," ",[310,371,372],{},"\"I sit at the intersection of design, anthropology, and web development. These three are at the core of everything I make.\"",[90,374],{},[351,376,378],{"id":377},"henry-codes-henrycodes","Henry Codes — henry.codes",[86,380,381,382,384,385,369,388],{},"Black and white only. Gargoyle imagery. GPS coordinates in the footer. Poetic microcopy everywhere.\nNo animation tricks — the edginess is entirely tonal and textual.\n",[100,383,360],{}," Hyper-specific personal detail (coordinates, a date, a place) that tethers the digital to something real.\n",[100,386,387],{},"His words:",[310,389,390],{},"\"tread carefully, as the ground may have shifted\"",[90,392],{},[351,394,396],{"id":395},"josie-allison-itsjosiecom","Josie Allison — itsjosie.com",[86,398,399,400,402,403,369,405],{},"Xanh Mono (monospace) as primary typeface. Infinite horizontal marquee. Numbered case studies. Clickable SVG blobs.\n",[100,401,360],{}," The marquee ✓ (already done). Descriptor chain format for personality.\n",[100,404,368],{},[310,406,407],{},"\"compulsive doodler + nervous joker + globe trotter + bad painter + grass toucher + slow reader + pickle lover + big thinker + day dreamer + overthinker\"",[90,409],{},[351,411,413],{"id":412},"kyson-dana-kysondanacom","Kyson Dana — kysondana.com",[86,415,416,417,419,420,369,422,425,426,425,429],{},"Vollkorn serif + Inter. Heavy whitespace. Staggered rhythm. One incongruous detail in a professional bio that reframes everything.\n",[100,418,360],{}," The \"psychedelic wizard\" move — a single unexpected line that makes the reader look twice.\n",[100,421,387],{},[310,423,424],{},"\"I intentionally blur lines between brand and product design.\""," / ",[310,427,428],{},"\"The more ambitious the brand, the better.\"",[310,430,431],{},"\"Finding truth and meaning is now my obsession.\"",[90,433],{},[351,435,437],{"id":436},"lola-jiang-lolajiangcom","Lola Jiang — lolajiang.com",[86,439,440,441,443],{},"Black and white, image-forward. Password-gated case studies — adds exclusivity and forces a conversation before showing work.\n",[100,442,360],{}," The idea that showing everything to everyone isn't always the right call.",[90,445],{},[351,447,449],{"id":448},"anna-deu-annadeucom","Anna Deu — annadeu.com",[86,451,452,453,455,456,369,458,425,461],{},"Warm, emoji-forward, approachable. Personal interests, Instagram handle, hashtag as brand anchor.\n",[100,454,360],{}," The one sentence that cuts through.\n",[100,457,368],{},[310,459,460],{},"\"I enjoy tackling complex, ambiguous problems and simplifying them to make a positive impact.\"",[310,462,463],{},"\"The core of what I do stems from my passion of helping people and improving the world.\"",[90,465],{},[351,467,469],{"id":468},"rachel-he-rachelyhecom","Rachel He — rachelyhe.com",[86,471,472,473,475,476,369,478],{},"Purely monochromatic. Horizontal marquee for current activities. Climate-conscious framing throughout.\n",[100,474,360],{}," The \"What I'm Doing\" carousel — books, music, games. Feels alive.\n",[100,477,368],{},[310,479,480],{},"\"a designer in Brooklyn who loves taking care of our planet, being in motion, and connecting with people through food\"",[90,482],{},[351,484,486],{"id":485},"robin-dang-robin-dangvercelapp","Robin Dang — robin-dang.vercel.app",[86,488,489,490,492,493,369,495,425,498],{},"Radial gradient, scroll progress bar, particle background. CSS variable theming.\n",[100,491,360],{}," Scroll progress bar (2px line at top — already considered).\n",[100,494,387],{},[310,496,497],{},"\"Building products that matter — whether it's a 10-person startup or a platform serving millions.\"",[310,499,500],{},"\"shipping fast, making sound technical trade-offs\"",[90,502],{},[351,504,506],{"id":505},"michelle-gore-michellegorecom","Michelle Gore — michellegore.com",[86,508,509,510,512],{},"Inter throughout. Multi-accent muted palette — dusty pink, coral, teal, purple. Each project could carry its own color.\n",[100,511,360],{}," Per-project accent color system (still on the list).",[90,514],{},[351,516,518],{"id":517},"gloria-lo-glorialodesign","Gloria Lo — glorialo.design",[86,520,521,522,524,525,369,527,425,530],{},"Montserrat all weights as a mono-typeface system. \"I design, sing, paint & write\" — hyperlinked words as identity.\n",[100,523,360],{}," Embedding personality into copy structure rather than a list.\n",[100,526,368],{},[310,528,529],{},"\"I design, sing, paint & write.\"",[310,531,532],{},"\"improving the lives of others through design\"",[90,534],{},[351,536,538],{"id":537},"michael-latwersky-michaellatwerskycom","Michael Latwersky — michaellatwersky.com",[86,540,541,542,544],{},"80px display type. Image blur-in on load (9px → 0px). Slide page transitions.\n",[100,543,360],{}," Image blur-in on load. Very polished small detail.",[90,546],{},[351,548,550],{"id":549},"leah-lee-leah-leecom","Leah Lee — leah-lee.com",[86,552,553,554,556],{},"View Transition API. Blur-reveal on scroll for images. Clean centered layout.\n",[100,555,360],{}," Blur-reveal scroll animation for images.",[90,558],{},[351,560,562],{"id":561},"baldur-bjarnason-baldurbjarnasoncom","Baldur Bjarnason — baldurbjarnason.com",[86,564,565,566,569,570,573],{},"Writes long critical essays about software, AI limitations, project management failure. Deeply opinionated, systems-thinker, challenges industry consensus.\n",[100,567,568],{},"What to steal for writing:"," You don't need a unique life to have a point of view. The authority comes from having thought hard about something and being direct about what you think. No hedging. Short notes alongside long essays — not everything needs to be a treatise.\n",[100,571,572],{},"For content:"," Critical takes on design trends, process failures, things the industry gets wrong.",[90,575],{},[351,577,579],{"id":578},"imperfect-idealist-imperfectidealistcom","imperfect idealist — imperfectidealist.com",[86,581,582,583,585],{},"Covers sustainable fashion, running, travel. Candid and practical — not preachy. Willing to say \"I had a bad time\" and mean it.\n",[100,584,568],{}," Contrarian or honest takes read better than consensus takes. \"Here's what nobody says about X\" is more interesting than \"Here's how to do X.\"",[90,587],{},[351,589,591],{"id":590},"koos-looijesteijn-kooslooijesteijnnet","Koos Looijesteijn — kooslooijesteijn.net",[86,593,594,595,597],{},"Designer writing about creativity, skill-building, the realities of life intersecting with creative ambition. Shorter posts, fast cadence. Honest about constraints (parenting, uncertainty, mortgages).\n",[100,596,568],{}," You don't have to write 3000 words. Shorter, more frequent, more honest. Writing about the process of getting good at things is more compelling than writing as if you already are.",[90,599],{},[351,601,603],{"id":602},"matt-rothenberg-mattrothenbergcom","Matt Rothenberg — mattrothenberg.com",[86,605,606,607,609],{},"Design engineer. Writes technically — component APIs, building tools, design system details. Shows his work.\n",[100,608,568],{}," Go specific and technical. \"Here's exactly how I built X and why\" posts. The specificity is the credibility.",[90,611],{},[93,613,615],{"id":614},"principles-pool-cherry-pick","Principles Pool — Cherry Pick",[86,617,618],{},"Raw material. Mix, match, claim, rewrite.",[351,620,622],{"id":621},"on-being-multi-disciplinary","On being multi-disciplinary",[110,624,625,631,634,637],{},[113,626,627,628],{},"blur lines between disciplines ← ",[100,629,630],{},"LIKED",[113,632,633],{},"sit at the intersection",[113,635,636],{},"built by the same hands",[113,638,639],{},"design and code as one practice, not two",[351,641,643],{"id":642},"on-problem-solving","On problem-solving",[110,645,646,652,655,658],{},[113,647,648,649,651],{},"enjoy tackling complex, ambiguous problems and simplifying them ← ",[100,650,630],{}," (Anna Deu)",[113,653,654],{},"find the real question underneath the brief",[113,656,657],{},"find meaning and use it to transform",[113,659,660],{},"the brief is never the whole problem",[351,662,664],{"id":663},"on-impact-purpose","On impact / purpose",[110,666,667,672,675,678],{},[113,668,669,670],{},"make a positive impact ← ",[100,671,630],{},[113,673,674],{},"improving the lives of others through design",[113,676,677],{},"building products that matter",[113,679,680],{},"the core of my work is helping people",[351,682,684],{"id":683},"on-ambition","On ambition",[110,686,687,690,693],{},[113,688,689],{},"the more ambitious, the better",[113,691,692],{},"shape things that last",[113,694,695],{},"from zero to something real",[351,697,699],{"id":698},"on-delivery","On delivery",[110,701,702,705,708],{},[113,703,704],{},"shipping fast, sound trade-offs",[113,706,707],{},"end-to-end, from research to production",[113,709,710],{},"no handoff, no translation layer",[351,712,714],{"id":713},"on-curiosity","On curiosity",[110,716,717,720,723],{},[113,718,719],{},"constant willingness to learn",[113,721,722],{},"exploring messy, murky problems",[113,724,725],{},"obsessed with finding meaning",[351,727,729],{"id":728},"on-personality-being-human","On personality / being human",[110,731,732,738,741],{},[113,733,734,735],{},"descriptor chain: ",[310,736,737],{},"\"curious by nature + direct by habit + slow reader + fast builder + ...\"",[113,739,740],{},"embed personality into copy structure, not a bio list",[113,742,743],{},"one unexpected detail that makes the reader look twice",[90,745],{},[93,747,749],{"id":748},"copy-ideas-about-paragraph","Copy Ideas — About Paragraph",[86,751,752,753],{},"Current: ",[310,754,755],{},"\"I'm multidisciplinary gal, design, development, and everything in between. I communicate well, stay close to what's current, and care about getting things right. Five years in product, web design and front-end, based near Barcelona.\"",[86,757,758],{},"Ideas to incorporate:",[110,760,761,764,767],{},[113,762,763],{},"\"blur lines between disciplines\" — the design+dev identity",[113,765,766],{},"\"tackle complex, ambiguous problems\" — the problem-solver angle",[113,768,769],{},"Something about positive impact / making things better for real people",[86,771,772],{},"Draft directions:",[774,775,776],"blockquote",{},[86,777,778],{},[310,779,780],{},"\"Designer and developer who blurs the line between the two. Five years in product, design systems, and front-end — based near Barcelona. I like tackling complex, ambiguous problems and making them simple. The work should make things better for the people using it.\"",[774,782,783],{},[86,784,785],{},[310,786,787],{},"\"I design and I build — Figma to Vue, without handing off. Five years working on products, design systems, and front-end. Based near Barcelona. I'm drawn to ambiguous problems and the kind of work where both halves matter.\"",[90,789],{},[93,791,793],{"id":792},"visual-signature-still-to-do","Visual Signature — Still To Do",[86,795,796],{},"Already done:",[110,798,801,810,816],{"className":799},[800],"contains-task-list",[113,802,805,809],{"className":803},[804],"task-list-item",[806,807],"input",{"checked":334,"disabled":334,"type":808},"checkbox"," Marquee band (burgundy, between hero and work)",[113,811,813,815],{"className":812},[804],[806,814],{"checked":334,"disabled":334,"type":808}," Rounded-full buttons, outline default",[113,817,819,821],{"className":818},[804],[806,820],{"checked":334,"disabled":334,"type":808}," Hero CTA in primary color",[86,823,824],{},"Still considering:",[110,826,828,834,840,846,852,858],{"className":827},[800],[113,829,831,833],{"className":830},[804],[806,832],{"disabled":334,"type":808}," Outlined/stroked Fraunces type in hero",[113,835,837,839],{"className":836},[804],[806,838],{"disabled":334,"type":808}," clip-path text reveal on section headings",[113,841,843,845],{"className":842},[804],[806,844],{"disabled":334,"type":808}," Fraunces WONK variable axis on hover",[113,847,849,851],{"className":848},[804],[806,850],{"disabled":334,"type":808}," Per-project accent colors",[113,853,855,857],{"className":854},[804],[806,856],{"disabled":334,"type":808}," Image blur-in on load",[113,859,861,863],{"className":860},[804],[806,862],{"disabled":334,"type":808}," Scroll progress bar (2px burgundy top line)",{"title":321,"searchDepth":322,"depth":322,"links":865},[866,885,894,895],{"id":348,"depth":322,"text":349,"children":867},[868,870,871,872,873,874,875,876,877,878,879,880,881,882,883,884],{"id":353,"depth":869,"text":354},3,{"id":377,"depth":869,"text":378},{"id":395,"depth":869,"text":396},{"id":412,"depth":869,"text":413},{"id":436,"depth":869,"text":437},{"id":448,"depth":869,"text":449},{"id":468,"depth":869,"text":469},{"id":485,"depth":869,"text":486},{"id":505,"depth":869,"text":506},{"id":517,"depth":869,"text":518},{"id":537,"depth":869,"text":538},{"id":549,"depth":869,"text":550},{"id":561,"depth":869,"text":562},{"id":578,"depth":869,"text":579},{"id":590,"depth":869,"text":591},{"id":602,"depth":869,"text":603},{"id":614,"depth":322,"text":615,"children":886},[887,888,889,890,891,892,893],{"id":621,"depth":869,"text":622},{"id":642,"depth":869,"text":643},{"id":663,"depth":869,"text":664},{"id":683,"depth":869,"text":684},{"id":698,"depth":869,"text":699},{"id":713,"depth":869,"text":714},{"id":728,"depth":869,"text":729},{"id":748,"depth":322,"text":749},{"id":792,"depth":322,"text":793},"2026-03-12T00:00:00.000Z","Portfolio references, design principles, copy ideas. A living scratchpad.",{},{"title":18,"description":897},"_ufWImNmxf6EDQv4AIxgu5RuiNXLzy9TENjJOLGlU1A",{"id":902,"title":14,"author":81,"body":903,"date":1383,"description":1384,"extension":332,"image":81,"meta":1385,"minRead":1386,"navigation":334,"path":15,"published":29,"seo":1387,"stem":16,"testimonials":81,"__hash__":1388},"blog/blog/improvements.md",{"type":83,"value":904,"toc":1370},[905,908,910,914,981,983,991,1072,1074,1081,1131,1133,1140,1173,1175,1182,1212,1214,1218,1297,1299,1303],[86,906,907],{},"A living checklist of improvements to work through. Organized by page/area. Focus: making the site memorable and converting prospects into clients.",[90,909],{},[93,911,913],{"id":912},"global-navigation","Global / Navigation",[110,915,917,926,940,959,972],{"className":916},[800],[113,918,920,369,922,925],{"className":919},[804],[806,921],{"checked":334,"disabled":334,"type":808},[100,923,924],{},"Remove Photography from nav"," — already commented out.",[113,927,929,369,931,939],{"className":928},[804],[806,930],{"checked":334,"disabled":334,"type":808},[100,932,933,934,938],{},"Remove ",[935,936,937],"code",{},"/work"," page"," — deleted, content is covered by About and Projects.",[113,941,943,369,945,948,949,954,955,958],{"className":942},[804],[806,944],{"checked":334,"disabled":334,"type":808},[100,946,947],{},"Set the meeting link"," — mailto:",[950,951,953],"a",{"href":952},"mailto:kacelmaurine@gmail.com","kacelmaurine@gmail.com"," set in ",[935,956,957],{},"app.config.ts",".",[113,960,962,369,964,967,968,971],{"className":961},[804],[806,963],{"checked":334,"disabled":334,"type":808},[100,965,966],{},"Reconsider Library placement"," — moved to ",[935,969,970],{},"/garden"," alongside photography and blog posts. Removed from primary nav.",[113,973,975,369,977,980],{"className":974},[804],[806,976],{"checked":334,"disabled":334,"type":808},[100,978,979],{},"body background-color"," — CSS variable now properly applied to body in main.css.",[90,982],{},[93,984,986,987,990],{"id":985},"homepage","Homepage (",[935,988,989],{},"/",")",[110,992,994,1006,1019,1031,1040,1052,1061],{"className":993},[800],[113,995,997,369,999,1002,1003],{"className":996},[804],[806,998],{"checked":334,"disabled":334,"type":808},[100,1000,1001],{},"Rewrite hero description"," — updated to: ",[310,1004,1005],{},"\"I design and build interfaces — from Figma flows to production-ready Vue components. Product design, design systems, and front-end development. 5+ years helping teams ship better digital products.\"",[113,1007,1009,369,1011,1014,1015,1018],{"className":1008},[804],[806,1010],{"checked":334,"disabled":334,"type":808},[100,1012,1013],{},"Add a projects teaser section"," — ",[935,1016,1017],{},"LandingWork"," component showing top 3 projects with year badge.",[113,1020,1022,369,1024,1014,1027,1030],{"className":1021},[804],[806,1023],{"checked":334,"disabled":334,"type":808},[100,1025,1026],{},"Surface testimonials",[935,1028,1029],{},"LandingTestimonials"," on homepage.",[113,1032,1034,369,1036,1039],{"className":1033},[804],[806,1035],{"checked":334,"disabled":334,"type":808},[100,1037,1038],{},"Hero CTA in primary color"," — \"Get in touch\" button uses primary (burgundy).",[113,1041,1043,369,1045,1014,1048,1051],{"className":1042},[804],[806,1044],{"checked":334,"disabled":334,"type":808},[100,1046,1047],{},"Marquee band",[935,1049,1050],{},"MarqueeBand.vue"," component between hero and work. Burgundy, dark-mode friendly.",[113,1053,1055,369,1057,1060],{"className":1054},[804],[806,1056],{"checked":334,"disabled":334,"type":808},[100,1058,1059],{},"Remove currently from homepage"," — moved to about page.",[113,1062,1064,369,1066,1068,1069],{"className":1063},[804],[806,1065],{"disabled":334,"type":808},[100,1067,1001],{}," — current copy is still generic. Draft: ",[310,1070,1071],{},"\"Designer and developer — blurring the line between the two. Product design, design systems, and front-end. Five years building things that work for the people using them.\"",[90,1073],{},[93,1075,1077,1078,990],{"id":1076},"about-about","About (",[935,1079,1080],{},"/about",[110,1082,1084,1095,1104,1113,1122],{"className":1083},[800],[113,1085,1087,369,1089,1014,1092],{"className":1086},[804],[806,1088],{"checked":334,"disabled":334,"type":808},[100,1090,1091],{},"Rewrite description",[310,1093,1094],{},"\"Multidisciplinary designer and developer, five years across product design, web design, and front-end. I work at the intersection of both: usually with Tailwind and Vue. I like tackling ambiguous problems from business requirements to game systems. Based near Barcelona.\"",[113,1096,1098,369,1100,1103],{"className":1097},[804],[806,1099],{"checked":334,"disabled":334,"type":808},[100,1101,1102],{},"Add currently section"," — moved from homepage, lives under the hero on about page.",[113,1105,1107,369,1109,1112],{"className":1106},[804],[806,1108],{"checked":334,"disabled":334,"type":808},[100,1110,1111],{},"Fix layout nesting"," — removed double container nesting (WorkExperience, HowIWork, FAQ as direct UPage children).",[113,1114,1116,369,1118,1121],{"className":1115},[804],[806,1117],{"checked":334,"disabled":334,"type":808},[100,1119,1120],{},"Remove FAQ"," — redundant given the rest of the page.",[113,1123,1125,369,1127,1130],{"className":1124},[804],[806,1126],{"checked":334,"disabled":334,"type":808},[100,1128,1129],{},"Replace principles/HowIWork with CTA"," — now a simple availability CTA strip.",[90,1132],{},[93,1134,1136,1137,990],{"id":1135},"projects-projects","Projects (",[935,1138,1139],{},"/projects",[110,1141,1143,1155,1164],{"className":1142},[800],[113,1144,1146,369,1148,1151,1152],{"className":1145},[804],[806,1147],{"checked":334,"disabled":334,"type":808},[100,1149,1150],{},"Rewrite title + description"," — now: \"selected work\" / ",[310,1153,1154],{},"\"Five years of product design, design systems, and front-end. A mix of professional and personal work — from early concepts to shipped code.\"",[113,1156,1158,369,1160,1163],{"className":1157},[804],[806,1159],{"checked":334,"disabled":334,"type":808},[100,1161,1162],{},"Year as pill badge"," — year displayed as small badge next to project title on both projects page and homepage.",[113,1165,1167,369,1169,1172],{"className":1166},[804],[806,1168],{"disabled":334,"type":808},[100,1170,1171],{},"Apply impact metrics to Fonky card description"," — e.g. \"50+ daily users, 6+ modules\".",[90,1174],{},[93,1176,1178,1179,990],{"id":1177},"project-case-studies-projectsslug","Project Case Studies (",[935,1180,1181],{},"/projects/[slug]",[110,1183,1185,1194,1203],{"className":1184},[800],[113,1186,1188,369,1190,1193],{"className":1187},[804],[806,1189],{"checked":334,"disabled":334,"type":808},[100,1191,1192],{},"Fonky, Warrior Code, Rimote Media"," — full rewrites with visuals and process detail.",[113,1195,1197,369,1199,1202],{"className":1196},[804],[806,1198],{"disabled":334,"type":808},[100,1200,1201],{},"Leads Wizard"," — add: logo/brand lockup, marketing site screenshot, dashboard wireframe or mockup.",[113,1204,1206,369,1208,1211],{"className":1205},[804],[806,1207],{"disabled":334,"type":808},[100,1209,1210],{},"Shelves"," — add screenshot when UI is ready.",[90,1213],{},[93,1215,1217],{"id":1216},"blog-digital-garden","Blog / Digital Garden",[110,1219,1221,1230,1239,1248,1279,1288],{"className":1220},[800],[113,1222,1224,369,1226,1229],{"className":1223},[804],[806,1225],{"checked":334,"disabled":334,"type":808},[100,1227,1228],{},"BlogPostsSection component"," — shared component used on homepage and garden page, with date pill badge.",[113,1231,1233,369,1235,1238],{"className":1232},[804],[806,1234],{"checked":334,"disabled":334,"type":808},[100,1236,1237],{},"Blog page"," — title: \"writing\", description: \"Case studies, process notes, and trains of thought.\"",[113,1240,1242,369,1244,1247],{"className":1241},[804],[806,1243],{"checked":334,"disabled":334,"type":808},[100,1245,1246],{},"Garden section titles"," — \"notes\", \"on film\", \"favorites shelf\".",[113,1249,1251,369,1253,1256,1257],{"className":1250},[804],[806,1252],{"disabled":334,"type":808},[100,1254,1255],{},"Write 2–3 posts"," — topic ideas:\n",[110,1258,1259,1264,1269,1274],{},[113,1260,1261],{},[310,1262,1263],{},"\"How I approach building a design system from scratch in Figma\"",[113,1265,1266],{},[310,1267,1268],{},"\"From Figma to Vue: my component handoff process\"",[113,1270,1271],{},[310,1272,1273],{},"\"What I think about when I design for accessibility\"",[113,1275,1276],{},[310,1277,1278],{},"\"What makes a data-heavy interface readable\"",[113,1280,1282,369,1284,1287],{"className":1281},[804],[806,1283],{"disabled":334,"type":808},[100,1285,1286],{},"Write one case-study-style post"," — deeper dive into one project decision.",[113,1289,1291,369,1293,1296],{"className":1290},[804],[806,1292],{"disabled":334,"type":808},[100,1294,1295],{},"Cross-link blog posts to relevant projects"," — once posts exist.",[90,1298],{},[93,1300,1302],{"id":1301},"personal-brand-memorability","Personal Brand / Memorability",[110,1304,1306,1314,1323,1335,1361],{"className":1305},[800],[113,1307,1309,369,1311,1313],{"className":1308},[804],[806,1310],{"checked":334,"disabled":334,"type":808},[100,1312,1047],{}," — burgundy strip between hero and work, loops disciplines.",[113,1315,1317,369,1319,1322],{"className":1316},[804],[806,1318],{"checked":334,"disabled":334,"type":808},[100,1320,1321],{},"Rounded-full buttons, outline default"," — set in app.config.ts.",[113,1324,1326,369,1328,1014,1331,1334],{"className":1325},[804],[806,1327],{"checked":334,"disabled":334,"type":808},[100,1329,1330],{},"Inspiration scratchpad",[935,1332,1333],{},"content/blog/inspiration.md"," (unpublished) with all 14 portfolio analyses and principles pool.",[113,1336,1338,369,1340,1343,1344],{"className":1337},[804],[806,1339],{"disabled":334,"type":808},[100,1341,1342],{},"Visual signature"," — marquee is done but site still needs one more distinctive move. Candidates:\n",[110,1345,1346,1349,1352,1355,1358],{},[113,1347,1348],{},"Outlined/stroked Fraunces type in hero (filled + outlined split on title)",[113,1350,1351],{},"clip-path text reveal on section headings",[113,1353,1354],{},"Per-project accent colors",[113,1356,1357],{},"Image blur-in on load",[113,1359,1360],{},"Scroll progress bar (2px burgundy top line)",[113,1362,1364,369,1366,1369],{"className":1363},[804],[806,1365],{"disabled":334,"type":808},[100,1367,1368],{},"Voice"," — copy is clean but not yet unmistakably Maurine. Comes from writing. Blog posts will help.",{"title":321,"searchDepth":322,"depth":322,"links":1371},[1372,1373,1375,1377,1379,1381,1382],{"id":912,"depth":322,"text":913},{"id":985,"depth":322,"text":1374},"Homepage (/)",{"id":1076,"depth":322,"text":1376},"About (/about)",{"id":1135,"depth":322,"text":1378},"Projects (/projects)",{"id":1177,"depth":322,"text":1380},"Project Case Studies (/projects/[slug])",{"id":1216,"depth":322,"text":1217},{"id":1301,"depth":322,"text":1302},"2026-03-09T00:00:00.000Z","Actionable content and copy improvements to make the site more memorable and prospect-ready.",{},5,{"title":14,"description":1384},"RlWRhEP95x7c4QKNl35tE3tp0p6CmzM37Rg4_-iyZhI",{"id":1390,"title":26,"author":81,"body":1391,"date":1450,"description":1451,"extension":332,"image":1452,"meta":1453,"minRead":1386,"navigation":334,"path":27,"published":334,"seo":1454,"stem":28,"testimonials":81,"__hash__":1455},"blog/blog/tools-i-use.md",{"type":83,"value":1392,"toc":1442},[1393,1396,1400,1407,1411,1414,1418,1421,1425,1428,1432,1435,1439],[86,1394,1395],{},"My guilty pleasure is to read - or watch - about people's setups, both digital and physical. I feel like I've gone full circle being very quick to try and adopt new software (hello shiny new toy!) and gradually getting tired of it (goodbye...). After more than six years of design and development work, a few select have made their way into my solid rotation.",[351,1397,1399],{"id":1398},"heavy-rotation-crew","Heavy rotation crew",[86,1401,1402,1403,1406],{},"The first mention will always go to my journal. I own a leather cover traveler's notebook in which I can slide a few different inserts, namely a weekly planner and a blank page notebook in which I can brain dump, brainstorm and brain think. I'm a 90s kid and you will tear the analog out of my cold dead hands before I replace list making with a software.\nI have this Shortcut set in place called ",[935,1404,1405],{},"start dev"," which opens Zen browser + VS Code + iTerm. My work takes place first and foremost in the internet browser. As I love Arc, but didn't love the CPU usage on my machine, I quickly discovered Zen and adopted it (open source baby!). VS code and iTerm are simply the veterans of this lineup, they never disappoint and are catered to my workflows and needs. Of course I change my theming regularly (look if a girl can't change the theme of her software then what's the point, really?).",[351,1408,1410],{"id":1409},"where-design-happens","Where design happens",[86,1412,1413],{},"These days, I design by building. I hear the research and design crowd gathering around my house as I type this but it's simply the reality of design work. It is so gratifying and motivating to be able to build, at record speed if I'm honest, real products right into the browser (and polish my full stack skills while I'm at it).\nClaude Code has a dedicated tab on iTerm, I'm a fan of the stripped-down terminal look of it, and have been really enjoying delegating work while I focus on crafting memorable user experience.\nMy stack of choice is Vue, Tailwind and shadcn-vue. The combination make building stuff really fun and effortless for someone who is used to working in small teams, or solo.",[351,1415,1417],{"id":1416},"the-one-left-behind","The one left behind",[86,1419,1420],{},"Let's address the elephant in the room; Figma. I have a love-hate relationship with this one. It's obviously the best interface design and design system management tool I have ever tried but the subscription based pricing model has always been the thing that keeps me at arm's length. In my personal case, as someone who's expected to craft interfaces and build them, Figma, as good as it is, has been a bit of a time waster sometimes.",[351,1422,1424],{"id":1423},"music","Music",[86,1426,1427],{},"I recently replaced my music streaming platform with Qobuz. As well as supporting a fellow French company, they have a higher rate of streaming dividends for artists. To be honest there's a learning curve to changing a software that I'd been using for maybe a good six years, especially when it comes to music. Switching platform made me rethink and reconnect with the music I like and I've just been really aware and enjoying building new habits when it pertains to music listening.",[351,1429,1431],{"id":1430},"shiny-new-toys","Shiny new toys",[86,1433,1434],{},"Obviously I love software, I love diving into a new tool and discovering if it's for me. Linear has been a new contender for project management, its focus on development has really been another facet of this build-heavy focus I seem to be having recently. I'm interested in using Cursor. I think my stance right now is that I am very happy with iTerm + VS Code combo and that my technical skills bridge what Cursor could bring me but I love being woo'd by a shiny new software so time will tell. I'm also getting curious about agentic workflows.",[351,1436,1438],{"id":1437},"what-didnt-stick","What didn't stick",[86,1440,1441],{},"Obsidian, Notion, anything too loose in format — these are the real time wasters for me. I get seduced by the possibilities, spend an afternoon setting up the perfect system, and produce nothing of actual value. If a tool makes me think about the tool more than the work, it's out. I do use Obsidian for roleplaying table-top management and writing, but it's not part of the dev crew.",{"title":321,"searchDepth":322,"depth":322,"links":1443},[1444,1445,1446,1447,1448,1449],{"id":1398,"depth":869,"text":1399},{"id":1409,"depth":869,"text":1410},{"id":1416,"depth":869,"text":1417},{"id":1423,"depth":869,"text":1424},{"id":1430,"depth":869,"text":1431},{"id":1437,"depth":869,"text":1438},"2026-03-05T00:00:00.000Z","Tools, software & workflows; here are mine.","/blog/upstairs-footprint.jpg",{},{"title":26,"description":1451},"Rm2FNFxSrR57-RFLm8PPRMTLsjzhO_beUsD0NNey59E",{"id":1457,"title":22,"author":81,"body":1458,"date":1497,"description":1498,"extension":332,"image":1499,"meta":1500,"minRead":869,"navigation":334,"path":23,"published":334,"seo":1501,"stem":24,"testimonials":81,"__hash__":1502},"blog/blog/things-i-did-in-2025.md",{"type":83,"value":1459,"toc":1495},[1460,1463,1466,1492],[86,1461,1462],{},"2024 was a year of goal achieving, it was effortless, one of those years where life happened to me (moving, getting my driver's license) and it fed my sense of accomplishment. In contrast, 2025 felt like a year of maintenance, career lull and looking for work has a way of flattening time. Here is me, trying this new thing (writing) and I find the best worst idea to talk about, a year retrospective. A boring year retrospective!",[86,1464,1465],{},"Inevitably it becomes even more important to partake in this exercise of self-reflection, to notice the small. To sit and remininsce about time, helped by journals and photo albums.",[110,1467,1468,1471,1474,1481,1484],{},[113,1469,1470],{},"Put real effort in movement and physical exercise; I strength trained consistently for over 6 months (Fitbod data as evidence).",[113,1472,1473],{},"Traveled to a couple of cool places.",[113,1475,1476,1477],{},"Started working on a passion project, something I actually feel really excited about: ",[950,1478,1480],{"href":1479},"/projects/shelves","shelves",[113,1482,1483],{},"Switched from Spotify to Qobuz; for obvious reasons and in an effort to reconnect with music",[113,1485,1486,1487,1491],{},"Read and listened to amazing books; I'm genuinely so thrilled of my reading especially towards the end of year. Find me on storygraph or ",[950,1488,1490],{"href":1489},"/library","check out my library page"," for recommendations.",[86,1493,1494],{},"Small achievements, quiet wins. This year was soft, all things considered. I'm reminded that maintenance is still movement, simply leaving the house is movement. I waited impatiently for 2025 to end but I feel comforted to look back at it fondly, ready to let it go (I prefer even numbered years anyway).",{"title":321,"searchDepth":322,"depth":322,"links":1496},[],"2026-01-05T00:00:00.000Z","Turns out I did actually leave the house this year, so let's do what I do best (making lists) and have a reluctant retrospective of the year.","/blog/alaska-2.jpg",{},{"title":22,"description":1498},"9Ntl28ANRPIQbedG7jmDFhIoLnwR5XlGTymyG3jbjao",1775482240667]