[{"data":1,"prerenderedAt":340},["ShallowReactive",2],{"navigation_docs":3,"-core-concepts-frames-sketch-frames":146,"-core-concepts-frames-sketch-frames-surround":335},[4,25,97,127],{"title":5,"path":6,"stem":7,"children":8,"page":24},"Getting Started","/getting-started","1.getting-started",[9,14,19],{"title":10,"path":11,"stem":12,"icon":13},"What is Refbox?","/getting-started/what-is-refbox","1.getting-started/1.what-is-refbox","i-lucide-lightbulb",{"title":15,"path":16,"stem":17,"icon":18},"The Fundamentals","/getting-started/fundamentals","1.getting-started/2.fundamentals","i-lucide-brain",{"title":20,"path":21,"stem":22,"icon":23},"Your First Box","/getting-started/first-box","1.getting-started/3.first-box","i-lucide-rocket",false,{"title":26,"path":27,"stem":28,"children":29,"page":24},"Core Concepts","/core-concepts","2.core-concepts",[30,35,40,45,50],{"title":31,"path":32,"stem":33,"icon":34},"Boxes","/core-concepts/boxes","2.core-concepts/1.boxes","i-lucide-panel-left",{"title":36,"path":37,"stem":38,"icon":39},"Toolbar","/core-concepts/toolbar","2.core-concepts/1.toolbar","i-lucide-zap",{"title":41,"path":42,"stem":43,"icon":44},"Assets","/core-concepts/assets","2.core-concepts/2.assets","i-lucide-file",{"title":46,"path":47,"stem":48,"icon":49},"Gallery View","/core-concepts/gallery","2.core-concepts/3.gallery","i-lucide-images",{"title":51,"path":52,"stem":53,"children":54,"icon":56},"Frames","/core-concepts/frames","2.core-concepts/4.frames/index",[55,57,62,67,72,77,82,87,92],{"title":51,"path":52,"stem":53,"icon":56},"i-lucide-frame",{"title":58,"path":59,"stem":60,"icon":61},"Image","/core-concepts/frames/image-frames","2.core-concepts/4.frames/1.image-frames","i-lucide-image",{"title":63,"path":64,"stem":65,"icon":66},"Video","/core-concepts/frames/video-frames","2.core-concepts/4.frames/2.video-frames","i-lucide-video",{"title":68,"path":69,"stem":70,"icon":71},"Text","/core-concepts/frames/text-frames","2.core-concepts/4.frames/3.text-frames","i-lucide-type",{"title":73,"path":74,"stem":75,"icon":76},"Audio","/core-concepts/frames/audio-frames","2.core-concepts/4.frames/4.audio-frames","i-lucide-audio-lines",{"title":78,"path":79,"stem":80,"icon":81},"3D","/core-concepts/frames/3d-frames","2.core-concepts/4.frames/5.3d-frames","i-lucide-box",{"title":83,"path":84,"stem":85,"icon":86},"PDF","/core-concepts/frames/pdf-frames","2.core-concepts/4.frames/6.pdf-frames","i-lucide-file-text",{"title":88,"path":89,"stem":90,"icon":91},"Sketch","/core-concepts/frames/sketch-frames","2.core-concepts/4.frames/7.sketch-frames","i-lucide-pencil-line",{"title":93,"path":94,"stem":95,"icon":96},"Group","/core-concepts/frames/group-frames","2.core-concepts/4.frames/8.group-frames","i-lucide-layers",{"title":98,"path":99,"stem":100,"children":101,"page":24},"Reference","/reference","5.reference",[102,107,112,117,122],{"title":103,"path":104,"stem":105,"icon":106},"Shortcuts","/reference/shortcuts","5.reference/1.shortcuts","i-lucide-keyboard",{"title":108,"path":109,"stem":110,"icon":111},"Settings","/reference/settings","5.reference/2.settings","i-lucide-settings",{"title":113,"path":114,"stem":115,"icon":116},"FAQs","/reference/faq","5.reference/3.faq","i-lucide-help-circle",{"title":118,"path":119,"stem":120,"icon":121},"Troubleshooting","/reference/troubleshooting","5.reference/4.troubleshooting","i-lucide-wrench",{"title":123,"path":124,"stem":125,"icon":126},"Changelog","/reference/changelog","5.reference/5.changelog","i-lucide-history",{"title":128,"path":129,"stem":130,"children":131,"page":24},"Workflows","/workflows","5.workflows",[132,137,142],{"title":133,"path":134,"stem":135,"icon":136},"Digital Art","/workflows/digital-art","5.workflows/1.digital-art","i-lucide-palette",{"title":138,"path":139,"stem":140,"icon":141},"UI/UX Design","/workflows/design-mockups","5.workflows/2.design-mockups","i-lucide-grid",{"title":143,"path":144,"stem":145,"icon":66},"Video & Motion","/workflows/video-editing","5.workflows/3.video-editing",{"id":147,"title":148,"body":149,"description":326,"extension":327,"links":328,"meta":329,"navigation":330,"path":89,"seo":331,"stem":90,"__hash__":334},"docs/2.core-concepts/4.frames/7.sketch-frames.md","Sketch Frames",{"type":150,"value":151,"toc":317},"minimark",[152,166,170,178,184,189,192,220,224,227,230,233,237,240,259,267,271,274,300,304,311],[153,154,160,161],"video",{"autoPlay":155,"muted":155,"loop":155,"playsInline":155,"className":156,"style":159},true,[157,158],"max-w-sm","rounded-xl","border: solid 1px #ffffff26; width: 100%;","\n  ",[162,163],"source",{"src":164,"type":165},"/sketch-frame.mp4","video/mp4",[167,168,169],"p",{},"Sketch Frames give you a simple drawing surface directly inside Refbox. They're useful for quick ideas, visual notes, and rough concepts without leaving your workspace.",[167,171,172,173,177],{},"You can create a Sketch from the ",[174,175,176],"strong",{},"Add Sketch"," action in the Toolbar. Refbox creates the Sketch Asset and opens it in a Frame right away.",[179,180],"img",{"src":181,"alt":182,"style":183},"/i-addSketch.png","Boxes menu","width: 100%;max-width:300px",[185,186,188],"h2",{"id":187},"drawing-tools","Drawing Tools",[167,190,191],{},"The toolbar at the top of a Sketch Frame gives you the essentials:",[193,194,195,200,204,208,212,216],"field-group",{},[196,197,199],"field",{"name":198},"Draw / Erase","Switch between drawing and erasing.",[196,201,203],{"name":202},"Color Picker","Choose from a built-in color palette for quick markup and sketching.",[196,205,207],{"name":206},"Brush Size","Pick from several brush sizes depending on whether you want broad shapes or finer lines.",[196,209,211],{"name":210},"Undo / Redo","Step backward or forward through recent drawing changes.",[196,213,215],{"name":214},"Clear","Remove all strokes from the current Sketch.",[196,217,219],{"name":218},"Fit to Drawing","Expand the Frame to fit your current drawing when the content grows beyond the visible area.",[185,221,223],{"id":222},"how-sketches-behave","How Sketches Behave",[167,225,226],{},"Sketches save as you work, so you can treat them like lightweight working canvases inside your Box.",[167,228,229],{},"Unlike image, video, or PDF Frames, Sketch Frames are focused on direct editing rather than view transforms. You draw directly in the Frame instead of zooming or rotating existing content.",[167,231,232],{},"As you resize the Frame and keep drawing, the Sketch document can grow with it.",[185,234,236],{"id":235},"background-options","Background Options",[167,238,239],{},"Right-click a Sketch Frame to change its background:",[241,242,243,249,254],"ul",{},[244,245,246],"li",{},[174,247,248],{},"White",[244,250,251],{},[174,252,253],{},"Dark",[244,255,256],{},[174,257,258],{},"None",[167,260,261,262,266],{},"You can also choose the default starting background in ",[263,264,265],"code",{},"Settings > Style > Frames > Default Sketch Background",".",[185,268,270],{"id":269},"context-menu-actions","Context Menu Actions",[167,272,273],{},"Right-click a Sketch Frame to access:",[193,275,276,280,284,288,292,296],{},[196,277,279],{"name":278},"Background","Switch between white, dark, or no background.",[196,281,283],{"name":282},"Save As","Export the Sketch to your computer.",[196,285,287],{"name":286},"Lock","Lock the Frame to prevent drawing or editing.",[196,289,291],{"name":290},"Reset","Reset the Frame size and position.",[196,293,295],{"name":294},"Frame Docs","Open the Sketch Frame documentation in your browser.",[196,297,299],{"name":298},"Close","Close the Frame.",[185,301,303],{"id":302},"tips-and-best-practices","Tips and Best Practices",[305,306,307,310],"tip",{},[174,308,309],{},"Use a transparent background"," to draw over other apps, perfect for annotations and screen recordings.",[305,312,313,316],{},[174,314,315],{},"Use Fit to Drawing"," after expanding a sketch beyond the current Frame bounds.",{"title":318,"searchDepth":319,"depth":319,"links":320},"",2,[321,322,323,324,325],{"id":187,"depth":319,"text":188},{"id":222,"depth":319,"text":223},{"id":235,"depth":319,"text":236},{"id":269,"depth":319,"text":270},{"id":302,"depth":319,"text":303},"Draw directly inside Refbox with lightweight sketch canvases.","md",null,{},{"title":88,"icon":91},{"title":332,"description":333},"Sketch Frames - Refbox Core Concepts","Learn how to create and use Sketch Frames in Refbox for quick drawing, markup, and visual notes.","8-GGXZVxQNSVcwuX5cBI6PqlJbgTa5wOpJZNwxP4rEs",[336,338],{"title":83,"path":84,"stem":85,"description":337,"icon":86,"children":-1},"View and navigate multi-page PDF documents in Frames.",{"title":93,"path":94,"stem":95,"description":339,"icon":96,"children":-1},"Display multiple Assets together in a single Frame.",1776362817011]