Meng To

e:I[87468,["/_next/static/chunks/1mjcklgy8_xm7.js"],"SketchbookStage"] :HL["/landing-pages/meng-to-sketchbook/botany-left.png","image"] :HL["/landing-pages/meng-to-sketchbook/botany-right.png","image"] :HL["/pepr-mark.png","image"] f:Tb8aa, Meng To

Meng To

Designer / Creator / AI Educator / Founder @ Singapore

100%

Turn the pages to view other details

About

Meng To is a designer, creator, and AI educator based in Singapore. He is the founder of Design+Code, where for over a decade he has taught designers and developers to build real apps — from Sketch and Xcode through SwiftUI, and now the AI tools that let one person ship what used to take a team. His work lives on the seam between craft and code: teaching designers to build, and builders to see. This sketchbook is the other half of that — the city looked at slowly, in ink and a little colour: shophouse shutters, hawker tents, the bay at dusk.

Plates

Singapore · Sketchbook · hello@mengto.com

4:["$","main",null,{"className":"relative flex h-svh w-full flex-col items-center overflow-x-hidden overflow-y-auto bg-[#ece7dc] px-4 pt-4 pb-[max(1rem,env(safe-area-inset-bottom))] xl:h-dvh xl:overflow-hidden xl:py-4","children":[["$","img",null,{"src":"/landing-pages/meng-to-sketchbook/botany-left.png","alt":"","aria-hidden":true,"className":"pointer-events-none absolute bottom-[2%] left-[clamp(-40px,-1vw,0px)] hidden w-[clamp(120px,15vw,250px)] opacity-50 min-[901px]:block"}],["$","img",null,{"src":"/landing-pages/meng-to-sketchbook/botany-right.png","alt":"","aria-hidden":true,"className":"pointer-events-none absolute right-[clamp(-30px,0vw,10px)] bottom-[-2%] hidden w-[clamp(100px,12vw,200px)] opacity-50 min-[901px]:block"}],["$","div",null,{"className":"relative z-10 flex min-h-0 w-full flex-1 flex-col items-center justify-start gap-3.5 sm:gap-4 xl:justify-center","children":[["$","div",null,{"className":"flex shrink-0 flex-col items-center gap-3.5","children":[["$","div",null,{"className":"flex flex-col items-center text-center","children":[["$","img",null,{"src":"/pepr-mark.png","alt":"","width":56,"height":52,"className":"mb-3 h-12 w-auto sm:mb-3.5 sm:h-14"}],["$","p",null,{"className":"font-serif text-[40px] leading-none tracking-[-0.03em] text-[#2b2721] sm:text-[48px]","children":"Pepr"}],["$","p",null,{"className":"mt-3 max-w-xl text-[13px] font-medium uppercase leading-snug tracking-[0.16em] text-[#2b2721]/62 sm:text-[15px]","children":"Your books. On your phone. Nowhere else."}]]}],["$","div",null,{"className":"flex flex-wrap items-center justify-center gap-2.5","children":[["$","a",null,{"href":"https://expo.dev/artifacts/eas/6OxM0haJncsJVoMfbGbLqOtXRxGmZX6bj17SyViA7hQ.apk","target":"_blank","rel":"noopener noreferrer","className":"inline-flex h-11 items-center justify-center gap-2 rounded-full bg-[#7eb993] px-5 text-[13px] font-medium tracking-[0.03em] text-[#f7f4ef] transition-[background-color,transform] duration-200 hover:bg-[#6da983] active:scale-[0.98] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#2b2721]","children":[["$","svg",null,{"viewBox":"0 0 24 24","width":"16","height":"16","aria-hidden":true,"fill":"currentColor","children":["$","path",null,{"d":"M17.6 9.5c.8 0 1.4.6 1.4 1.4v5.4c0 .8-.6 1.4-1.4 1.4h-.3v2.1c0 .7-.6 1.2-1.3 1.2s-1.2-.5-1.2-1.2v-2.1H10.2v2.1c0 .7-.6 1.2-1.3 1.2s-1.2-.5-1.2-1.2v-2.1h-.3c-.8 0-1.4-.6-1.4-1.4v-5.4c0-.8.6-1.4 1.4-1.4ZM7.4 6.3 6.2 4.2a.6.6 0 0 1 .2-.8.6.6 0 0 1 .8.2l1.1 1.9a7 7 0 0 1 7.4 0l1.1-1.9a.6.6 0 0 1 .8-.2.6.6 0 0 1 .2.8l-1.2 2.1A6.3 6.3 0 0 1 18.3 9H5.7a6.3 6.3 0 0 1 1.7-2.7ZM9 7.7a.8.8 0 1 0 0 1.6.8.8 0 0 0 0-1.6Zm6 0a.8.8 0 1 0 0 1.6.8.8 0 0 0 0-1.6Z"}]}],"Android"," · v1.0.2"]}],["$","button",null,{"type":"button","disabled":true,"title":"iOS is coming later","className":"inline-flex h-11 cursor-not-allowed items-center justify-center gap-2 rounded-full border border-[#2b2721]/14 bg-[#fffdf8]/70 px-5 text-[13px] font-medium tracking-[0.03em] text-[#2b2721]/38","children":[["$","svg",null,{"viewBox":"0 0 24 24","width":"15","height":"15","aria-hidden":true,"fill":"currentColor","children":["$","path",null,{"d":"M16.7 12.7c0-2.3 1.9-3.4 2-3.5-1.1-1.6-2.8-1.8-3.4-1.8-1.4-.2-2.8.8-3.5.8s-1.8-.8-3-.8c-1.5 0-3 .9-3.8 2.3-1.6 2.8-.4 7 1.2 9.3.8 1.1 1.7 2.3 2.9 2.3 1.2 0 1.6-.7 3-.7s1.8.7 3 .7 2-.1 2.9-2.3c.7-1.2 1-2.4 1-2.5-.1 0-1.9-.7-1.9-3.8ZM14.8 6.4c.6-.8 1.1-1.8 1-2.9-1 .1-2.1.7-2.8 1.5-.6.7-1.2 1.8-1 2.8 1.1.1 2.2-.6 2.8-1.4Z"}]}],"iOS · Coming later"]}]]}]]}],["$","$Le",null,{"srcDoc":"$f"}]]}]]}]