Welcome to VibeScribe! Here's a quick guide to get you started:
Core Concepts
- Pages: Your document is made of A4-sized pages. Add pages using the "+ Add Page" button in the sidebar. Navigate between pages using the thumbnails on the left.
- Elements: Add content like Headings, Paragraphs, Lists, and Images using the buttons in the top-left sidebar. They will appear centered on the current page.
- For **Headings**, you can right-click the "Heading" button to choose a level (H1-H5) before left-clicking to add it. Default sizes are H1=36px, H2=24px, H3=21px, H4=18px, H5=16px.
- Selection, Grouping, Locking & Alignment:
- Click an element to select it (or its group).
- Hold Shift + Click to add/remove elements from the selection.
- When a single element is selected, resize handles and (for images) a delete button appear (unless Locked).
- **Right-click** on a selected element to open a context menu.
- Use the menu to **Lock/Unlock** selected elements. Locked elements cannot be moved, resized, aligned, or grouped with other unlocked items.
- Use the menu to **Group** (2+ selected, none locked) or **Ungroup** (if clicking on a group member).
- With 1+ *unlocked* elements selected, the menu offers **Alignment** tools (Align Left, Center, Right, Top, Middle, Bottom). If 1 element is selected, it aligns to the page margins/center. If 2+ are selected, they align relative to each other.
- With 3+ *unlocked* elements selected, the menu offers **Distribution** tools (Distribute Horizontally, Distribute Vertically) to space elements evenly.
- Use Arrow Keys to move selected unlocked elements precisely (hold Shift for larger steps).
- Toolbar: When exactly one text element is selected *and* it's not part of a group, a formatting toolbar appears on the left.
- Page Margins: Drag the green guides to adjust the left/right content boundaries for the current page.
- Zoom: Use the / buttons in the header to zoom the view in or out.
Using Templates
- Templates provide starting points. Access them via the "New" button.
- Selecting a template **replaces** your current document. Save first!
Working with Elements
- Adding: Click buttons in the sidebar. Elements appear centered on the current page. Right-click "Heading" to pre-select H1-H5.
- Moving: Click and drag a selected *unlocked* element or group, or use Arrow Keys (hold Shift for larger steps). Locked elements cannot be dragged or moved via keyboard.
- Resizing: *Only works on single, ungrouped, unlocked elements.* Drag corner handles.
- Deleting: Select element(s)/group, press Delete/Backspace. Or use red 'X' on single unlocked images / toolbar button for single text elements. Deleting locked elements is allowed.
- Text/Image Editing: *Only works on single, ungrouped elements (lock status does not prevent editing).* Double-click to edit text or change an image source.
Formatting Text
When a *single, ungrouped* text element is selected:
- Use the toolbar on the left for Font, Size, Color, Style, Alignment. (Lock status does not affect formatting).
Saving & Loading
- Save (Browser): Quick save to browser.
- Save As... (File): Save `.vibe` file to computer (includes groups, lock status, heading levels).
- Load... (File): Load `.vibe` file (replaces current).
- New: Start fresh (shows template selector).
Other Features
- Undo/Redo: / (Ctrl+Z / Ctrl+Y). Most actions are undoable, but the *locked state itself* is generally preserved across undo/redo steps.
- Export (Print/PDF): Use browser's print dialog (Save as PDF).
- Theme Toggle: / Light/Dark mode.
- Settings (Sidebar): Auto-Save, Snap-to-Grid.
- AI Links: The header shows rotating links to external AI writing tools. Click to open them in a new tab, then copy/paste content back.
Feedback & Support
For support or requests please email
mellowyellow106@gmail.com
Jon Pete