[{"data":1,"prerenderedAt":353},["ShallowReactive",2],{"work-clerkmate":3,"work-clerkmate-more":88},{"id":4,"title":5,"body":6,"challenge":13,"client":14,"clientDescription":15,"color":16,"cover":17,"deliverables":18,"description":10,"draft":23,"extension":24,"featured":25,"hero":26,"logo":27,"logoMark":28,"meta":29,"name":14,"navigation":25,"order":30,"outcome":31,"path":32,"sections":33,"seo":70,"solution":71,"stem":72,"subtitle":73,"tagline":74,"tags":75,"team":79,"url":85,"year":86,"__hash__":87},"work/work/clerkmate.md","Clerkmate",{"type":7,"value":8,"toc":9},"minimark",[],{"title":10,"searchDepth":11,"depth":11,"links":12},"",2,[],"Authentication is where teams decide whether to trust a tool, so ClerkMate's product surface had to feel clear, consistent, and considered at every step — from the marketing site through to the in-app screens.","ClerkMate","An authentication and user-management platform for modern engineering teams.","#3b82f6","/work/clerkmate/cover.jpg",[19,20,21,22],"Product UI","Design system","Brand identity","Marketing site",false,"md",true,"/work/clerkmate/hero.jpg","/work/clerkmate/logo.svg","/clients/clerkmate.svg",{},1,"Product UI and brand for an auth SaaS, from logo to in-app screens, as one connected system.","/work/clerkmate",[34,45,57],{"title":35,"description":36,"grids":37},"Identity","The mark, color, and type system that anchors ClerkMate across product and marketing.",[38,42],{"type":39,"images":40},"full",[41],"/work/clerkmate/identity.jpg",{"type":39,"images":43},[44],"/work/clerkmate/moodboard.jpg",{"title":46,"description":47,"grids":48},"UI System","A component library and design tokens — color, typography, spacing — that keep every screen consistent.",[49,52],{"type":39,"images":50},[51],"/work/clerkmate/colors.png",{"type":53,"images":54},"split",[55,56],"/work/clerkmate/typography.jpg","/work/clerkmate/spacing.jpg",{"title":58,"description":59,"grids":60},"Product","The dashboard and authentication flows, built on the system so the product reads as one connected surface.",[61,64,67],{"type":39,"images":62},[63],"/work/clerkmate/sign-in.mp4",{"type":39,"images":65},[66],"/work/clerkmate/webpage.png",{"type":39,"images":68},[69],"/work/clerkmate/webpage-2.png",{"description":10},"One connected system — a brand identity, a reusable component library, and the product UI built on top of it — so the site, the dashboard, and every auth flow speak the same visual language.","work/clerkmate","Product UI and brand identity for an authentication SaaS.","A SaaS dashboard built for clarity at scale — every component earning its place.",[19,76,77,78],"SaaS","Visual Identity","Design System",[80,83],{"name":81,"role":82},"Enok Madrid","Product Designer",{"name":81,"role":84},"Front-End Engineer","https://clerkmate-design.vercel.app/","2026","LIkzgjrnpvZ5_FjxisVThKvb6D9WihqCn7J7nSKV-YU",[89,150,219,281],{"id":90,"title":91,"body":92,"challenge":96,"client":91,"clientDescription":97,"color":98,"cover":99,"deliverables":100,"description":10,"draft":23,"extension":24,"featured":25,"hero":103,"logo":104,"logoMark":105,"meta":106,"name":91,"navigation":25,"order":11,"outcome":107,"path":108,"sections":109,"seo":135,"solution":136,"stem":137,"subtitle":138,"tagline":139,"tags":140,"team":144,"url":148,"year":86,"__hash__":149},"work/work/futuriscape.md","Futuriscape",{"type":7,"value":93,"toc":94},[],{"title":10,"searchDepth":11,"depth":11,"links":95},[],"Futuriscape builds immersive environments — interiors, large-scale murals, digital artworks, epoxy floors — but had no digital presence that matched the worlds it creates. The brief was an identity and site carrying the studio's own philosophy back at it — architectural precision balanced against fluid artistic expression.","An immersive creative studio producing concept work for film, games, and entertainment.","#7c3aed","/work/futuriscape/cover.jpg",[21,22,101,102],"Motion system","Brand guidelines","/work/futuriscape/hero.jpg","/work/futuriscape/logo.svg","/clients/futuriscape.svg",{},"Identity and a cinematic one-page site giving an immersive studio a digital home that matches the worlds it builds.","/work/futuriscape",[110,121,128],{"title":111,"description":112,"grids":113},"Concept","Early direction boards testing the identity in two worlds — an electric violet system and a harder neon-red alternate — pressure-testing the mark, type, and voice before committing to a palette.",[114,118],{"type":53,"images":115},[116,117],"/work/futuriscape/concept.png","/work/futuriscape/concept-2.png",{"type":39,"images":119},[120],"/work/futuriscape/concept-3.jpg",{"title":35,"description":122,"grids":123},"The final lockup in positive and reversed — a monogram cut from angular, aerodynamic shards, paired with a wide technical wordmark that holds its own at any scale.",[124],{"type":53,"images":125},[126,127],"/work/futuriscape/identity.png","/work/futuriscape/identity-2.png",{"title":129,"description":130,"grids":131},"Website","The full scroll — capabilities, selected works, philosophy, and process in one continuous cinematic sequence, with motion and volumetric light carrying the studio's \"visible visions\" promise.",[132],{"type":39,"images":133},[134],"/work/futuriscape/homepage.jpg",{"description":10},"An angular, forward-leaning monogram and an engineered type system set the tone — \"engineered visuals for immersive futures.\" That identity extends into a dark, cinematic one-page site where volumetric imagery and generous motion do the persuading, walking visitors from capabilities through selected works to a four-stage process.","work/futuriscape","Website and visual identity for an immersive creative studio.","A digital home for a studio designing futures — confident in tone, generous in motion.",[141,77,142,143],"Branding","Web","Motion",[145,147],{"name":81,"role":146},"Brand & Identity Designer",{"name":81,"role":84},"https://futuriscape.vercel.app/","WLCyN-wiLiS7cyBrbKXCb1OdGORqNtUzAUURZfueLCM",{"id":151,"title":152,"body":153,"challenge":157,"client":158,"clientDescription":159,"color":160,"cover":161,"deliverables":162,"description":10,"draft":23,"extension":24,"featured":25,"hero":166,"logo":167,"logoMark":168,"meta":169,"name":158,"navigation":25,"order":170,"outcome":171,"path":172,"sections":173,"seo":205,"solution":206,"stem":207,"subtitle":208,"tagline":209,"tags":210,"team":213,"url":216,"year":217,"__hash__":218},"work/work/etac.md","Etac",{"type":7,"value":154,"toc":155},[],{"title":10,"searchDepth":11,"depth":11,"links":156},[],"ETAC makes professional water-based airbrush paint, and needed a brand that could stand next to legacy paint companies while speaking the language of the artists who actually spray it — muralists, sneaker customizers, helmet and textile painters. The ask — treat paint like a culture, not a commodity, and build a system that works from a 2 oz bottle label to a full e-commerce store.","ETAC","A professional artist airbrush paint brand — water-based acrylics sold direct and through dealers worldwide.","#f97316","/work/etac/cover.png",[21,163,164,165],"Logo design","Packaging & label system","Shopify storefront","/work/etac/hero.jpg","/work/etac/logo.svg","/clients/etac.svg",{},3,"Full brand, packaging system, and Shopify storefront for an airbrush paint line, ready to sell from day one.","/work/etac",[174,184,198],{"title":175,"description":176,"grids":177},"Brand Identity","The drip-style wordmark in full color, grayscale, and black/white — plus the liquid splash patterns that give the brand its energy on any surface, from bottles to banners.",[178,181],{"type":39,"images":179},[180],"/work/etac/identity-1.jpg",{"type":39,"images":182},[183],"/work/etac/identity-2.jpg",{"title":185,"description":186,"grids":187},"Packaging Design","A label system for the Private Stock line engineered to read at bottle scale — paint line, color code, opacity level, and safety copy in a fixed hierarchy — applied across ten colors, modifiers, and five bottle sizes.",[188,191,194],{"type":39,"images":189},[190],"/work/etac/identity-3.jpg",{"type":39,"images":192},[193],"/work/etac/identity-4.jpg",{"type":53,"images":195},[196,197],"/work/etac/packaging-1.png","/work/etac/packaging-2.png",{"title":199,"description":200,"grids":201},"Storefront","The etaccolors.com storefront — the full Private Stock palette, modifiers, and dealer flow, wrapped in the brand's splash world with type set loud enough to match the paint.",[202],{"type":39,"images":203},[204],"/work/etac/homepage.png",{"description":10},"A graffiti-drip wordmark backed by vivid liquid splash illustrations became the heart of the system. From there it extended into a structured label architecture for the Private Stock paint line — color codes, opacity badges, usage instructions — and a Shopify storefront built to sell direct to artists and through dealers worldwide.","work/etac","Brand identity, packaging, and Shopify storefront for a professional airbrush paint brand.","A loud, drip-heavy identity built for the artists who paint everything from murals to sneakers.",[141,211,142,212],"Logo Design","E-Commerce",[214,215],{"name":81,"role":146},{"name":81,"role":84},"https://etaccolors.com","2023","BbVseEzJoRQ6oMxIyl7nAZxILDoaDohDtSGTbD77yu0",{"id":220,"title":221,"body":222,"challenge":226,"client":221,"clientDescription":227,"color":228,"cover":229,"deliverables":230,"description":10,"draft":23,"extension":24,"featured":25,"hero":232,"logo":233,"logoMark":234,"meta":235,"name":221,"navigation":25,"order":236,"outcome":237,"path":238,"sections":239,"seo":268,"solution":269,"stem":270,"subtitle":271,"tagline":272,"tags":273,"team":275,"url":278,"year":279,"__hash__":280},"work/work/chino-stencils.md","Chino Stencils",{"type":7,"value":223,"toc":224},[],{"title":10,"searchDepth":11,"depth":11,"links":225},[],"Restructure how Chino Stencils was marketed and explore a new visual strategy. The apparel airbrush industry has always depended on stencils for fast art production — but how do we make purchasing those tools accessible online for any airbrush shop owner?","Chino Stencils provides vinyl stencils and art materials to airbrush shops and artists.","#d8232f","/work/chino-stencils/cover.png",[21,163,231,165],"Packaging system","/work/chino-stencils/hero.jpg","/work/chino-stencils/logo.png","/clients/chino-stencils.svg",{},4,"Brand, logo, and Shopify store for a stencil-art supply label.","/work/chino-stencils",[240,252,261],{"title":211,"description":241,"grids":242},"Exploration sketches and concept rounds, narrowing toward a confident silhouette that holds up across packaging, print, and screen.",[243,246,249],{"type":39,"images":244},[245],"/work/chino-stencils/logo-sketch.jpg",{"type":39,"images":247},[248],"/work/chino-stencils/logo-design.jpg",{"type":39,"images":250},[251],"/work/chino-stencils/logo-animation.webm",{"title":253,"description":254,"grids":255},"Packaging","The brand applied to product packaging — built to read at a glance on shelves and ship cleanly to direct-to-consumer customers.",[256,258],{"type":39,"images":257},[229],{"type":39,"images":259},[260],"/work/chino-stencils/packaging.png",{"title":262,"description":263,"grids":264},"Shopify E-Commerce","A Shopify storefront tuned for shop owners and artists — clean product pages, fast checkout, and inventory management on the merchant side.",[265],{"type":39,"images":266},[267],"/work/chino-stencils/homepage.jpg",{"description":10},"A new brand identity led the work — exploring logo concepts until a simple, fun mark emerged that conveys trust at the same time. From there, the system extended into packaging artwork and a full e-commerce site that handles product sales, order flow, and inventory management.","work/chino-stencils","Brand identity, logo, and Shopify storefront for a stencil-art supply label.","A simple, fun mark and a storefront built to make professional stencils accessible to any airbrush shop.",[141,274,211,142,212],"Identity Design",[276,277],{"name":81,"role":146},{"name":81,"role":84},"https://www.chinostencils.com/","2019","SjL2vacgUlWw_OQf9QPZganhSPjZ22WNT9bXwtcoAw4",{"id":282,"title":283,"body":284,"challenge":288,"client":289,"clientDescription":290,"color":291,"cover":292,"deliverables":293,"description":10,"draft":23,"extension":24,"featured":25,"hero":297,"logo":298,"logoMark":299,"meta":300,"name":301,"navigation":25,"order":302,"outcome":303,"path":304,"sections":305,"seo":339,"solution":340,"stem":341,"subtitle":342,"tagline":343,"tags":344,"team":347,"url":350,"year":351,"__hash__":352},"work/work/deafink.md","Deafink",{"type":7,"value":285,"toc":286},[],{"title":10,"searchDepth":11,"depth":11,"links":287},[],"I was tasked to build an e-commerce website for Gayle Sanchez, a well-known tattoo artist in the deaf community. The challenge was to create a brand identity speaking to the speech-impaired artist community and tattoo enthusiasts alike.","Gayle Sanchez","A tattoo artist, fine-art painter, and sculptor in the speech-impaired artist community.","#4f0d96","/work/deafink/cover.jpg",[294,295,102,296],"Brand identity & logo","Octopus mascot illustration","Shopify e-commerce site","/work/deafink/hero.jpg","/work/deafink/logo.svg","/clients/deafink.svg",{},"Deaf Ink",5,"Branding and e-commerce for a tattoo artist in the deaf community, built to make booking simple.","/work/deafink",[306,313,321,333],{"title":307,"description":308,"grids":309},"Discovery","I began with gathering as much information and inspiration as possible. One thing that instantly stood out was the name DeafInk combined with an octopus mascot — the octopus has 8 tentacles, representing the different abilities and skills of the artist.",[310],{"type":39,"images":311},[312],"/work/deafink/logo-sketch.jpg",{"title":314,"description":315,"grids":316},"Mascot & Logo","As I learned more about Gayle's challenges growing up as a speech-impaired artist, we drew a parallel with the octopus's defense system — the ink it spits out to defend itself in the wild. The mark carries that story in every curve.",[317],{"type":53,"images":318},[319,320],"/work/deafink/logo-light.png","/work/deafink/logo-dark.png",{"title":322,"description":323,"grids":324},"Brand Guidelines","From moodboard to color, typography, and product application — a flexible system that holds together across digital, print, and merch.",[325,329],{"type":53,"images":326},[327,328],"/work/deafink/moodboard.png","/work/deafink/colors.png",{"type":53,"images":330},[331,332],"/work/deafink/typography.png","/work/deafink/clothing-mockup.png",{"title":262,"description":334,"grids":335},"A storefront that puts the artist's work front-and-centre — bold typography, editorial product spreads, and a checkout tuned for collectors and walk-ins alike.",[336],{"type":39,"images":337},[338],"/work/deafink/08-homepage.jpg",{"description":10},"An identity under the brand name DeafInk that reflects the versatility and creativity of a deaf tattoo artist. Before building the website, the goal was to create a memorable identity using Gayle's favorite sea creature — the octopus.","work/deafink","Branding & e-commerce site for a tattoo artist in the deaf community.","A unique brand identity grounded in deaf-community storytelling and the artist's own iconography.",[141,274,345,346],"UI/UX","Front-End Development",[348,349],{"name":81,"role":146},{"name":81,"role":84},"https://deafink.com/","2020","CTErxHOdpJgsHPwuNJyTpEmVO0OqRULtNY1tgpmeUAo",1785418477172]