[{"data":1,"prerenderedAt":77},["ShallowReactive",2],{"i-tabler:book-2":3,"i-tabler:world":8,"i-tabler:check":10,"i-tabler:mail":12,"i-tabler:home":14,"i-tabler:pencil":16,"i-tabler:ruler-2":18,"i-tabler:music":20,"i-tabler:folder":22,"pages:home:en":24,"i-tabler:plus":73,"i-tabler:point-filled":75},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M19 4v16H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\u002F>\u003Cpath d=\"M19 16H7a2 2 0 0 0-2 2M9 8h6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8\"\u002F>\u003Cpath d=\"M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 12l5 5L20 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u002F>\u003Cpath d=\"m3 7l9 6l9-6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7\"\u002F>\u003Cpath d=\"M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17 3l4 4L7 21l-4-4zm-1 4l-1.5-1.5M13 10l-1.5-1.5M10 13l-1.5-1.5M7 16l-1.5-1.5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 17a3 3 0 1 0 6 0a3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"\u002F>\u003Cpath d=\"M9 17V4h10v13M9 8h10\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2\"\u002F>",{"intro":25,"blocks":26,"faq":55},"JotJam is a free browser app for getting ideas down fast: a [sketch pad](\u002Fdraw) for freehand drawing, a [design tool](\u002Fdesign) for floor plans and other drawings at exact sizes, and an online [piano](\u002Fmusic\u002Fpiano), [guitar](\u002Fmusic\u002Fguitar) and [drum kit](\u002Fmusic\u002Fdrums) with a record button. It runs on phones, tablets and computers. You don't need an account to make things — only to save them.",[27,42,47],{"h2":28,"items":29},"What you can make here",[30,33,36,39],{"h3":31,"p":32},"Quick sketches","Pencil, pen, marker and eraser on blank, dotted or squared paper. A stylus draws thicker when you press harder. Saved sketches download as PNG.",{"h3":34,"p":35},"Floor plans and sections","Walls, lines, arcs and dimensions that snap into place. Type 3600 for a 3.6 m wall. Drop in doors, furniture and people, then export PNG, SVG, a scale PDF or a DXF.",{"h3":37,"p":38},"Riffs and melodies","A piano from C2 to C7, ten guitar chords plus single notes, and a nine-pad drum kit. Hit record, keep the takes you like, download them as MIDI or WAV.",{"h3":40,"p":41},"Free architecture symbols","[51 drawings](\u002Flibrary) for plans, elevations, sections and axonometrics, all at real size. Download SVG or PNG and use them in your own projects, personal or commercial.",{"h2":43,"p":44},"How saving works",[45,46],"Everything is free to use. While you work, your latest changes are kept as a draft in this browser. When something is worth keeping, sign in with Google and save it to your account — it's then there on every phone, tablet and computer you sign in on.","Saving uses a couple of credits, and you get free credits every day you sign in. Only saved work can be downloaded.",{"h2":48,"list":49},"Guides",[50,51,52,53,54],"[How to draw a floor plan online, step by step](\u002Fguides\u002Fhow-to-draw-a-floor-plan-online)","[Floor plan symbols and what they mean](\u002Fguides\u002Ffloor-plan-symbols)","[Furniture sizes to use in a floor plan](\u002Fguides\u002Ffurniture-sizes-for-floor-plans)","[How to play piano on a computer keyboard](\u002Fguides\u002Fplay-piano-on-a-computer-keyboard)","[All guides](\u002Fguides)",{"title":56,"items":57},"Questions",[58,61,64,67,70],{"q":59,"a":60},"Is JotJam free?","Yes. Sketching, designing and playing are free and need no account. Saving to your account uses credits, and you get free ones every day you sign in.",{"q":62,"a":63},"Do I need to install anything?","No. JotJam runs in the browser — Chrome, Safari, Edge or Firefox — on a phone, a tablet or a computer.",{"q":65,"a":66},"Does it work on an iPad with Apple Pencil?","Yes. The sketch pad reads pencil pressure, and once you draw with the pencil, your fingers only move and zoom the page, so you can rest your palm on the screen.",{"q":68,"a":69},"Which files can I download?","Sketches as PNG. Designs as PNG and SVG, plus a scale PDF or a DXF for a few credits. Riffs as MIDI and WAV, plus sheet music (PDF or MusicXML) for a few credits. Symbols from the library as SVG and PNG, free and without signing in.",{"q":71,"a":72},"Who is it for?","Architecture and design students, designers, and anyone who sketches or plays music for fun and wants to catch an idea before it's gone.",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":74},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 5v14m-7-7h14\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":76},"\u003Cpath fill=\"currentColor\" d=\"M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7\"\u002F>",1792672094121]