Website projects contain full pages. Section projects focus on reusable page sections.
Templates are framework-specific and loaded from `src/templates`.
Project Settings
Per-page SEO (title/description for an individual page) is still set from that page's right-click menu — this tab covers site-wide defaults, used when a page doesn't set its own.
Default size, line height and letter spacing for common tags — used project-wide unless an element sets its own.
Scale from <p> size using a ratio:
Tag
Size
Line height
Letter spacing
On by default. Stacks multi-column layouts, wraps flex rows, and neutralizes fixed sizing below the breakpoint so pages don't overflow on phones/tablets. Turning this off is an advanced, unsafe choice — only do it if you know what you're doing.
Adds a baseline CSS reset (box-sizing, text sizing, word wrapping, etc.) so the site behaves consistently across Chrome, Firefox, Safari and Edge.
Browse Fonts
Loading font catalog...
Save Project Revision
Open Project Revision
SEO
Layout
Click a color field first, then choose a palette color.
Shape & Spacing
Margin
Border
Padding
Publish Site Readiness
Review site SEO before publishing. SiteWays Studio will also create robots.txt, llms.txt, sitemap.xml and site.webmanifest.
Compile Check
Navbar Menu Editor
Element Action
Advanced CSS
Inline CSS for the selected element/page. Use this only when presets are not enough.
Responsive Layout Check
HTML
Edit and click Apply HTML to save. Element IDs are preserved.
Keyboard & Mouse Shortcuts
Selection
Click
Select element
Ctrl+Click
Add / remove from multi-select
Drag on canvas
Rubber-band select area
Click canvas
Deselect all
Delete
Delete selected element
Inline Text Edit
Double-click
Start editing text
Enter
Insert line break
Escape
Cancel / finish edit
Right-Click Menu
Right-click element
Open element menu
Right-click canvas
Open page menu
Right-click multi-select
Align & resize tools
Resize (scroll wheel on selected element)
Scroll
Width ±8 px
Shift+Scroll
Height ±8 px
Ctrl+Shift+Scroll
Width & height ±8 px
Ctrl+Scroll
Font size ±1 px
Multi-select Actions
Ctrl+Click ×2+
Select multiple elements
Right-click → Align left
Align left edges
Right-click → Align center
Center horizontally
Right-click → Align right
Align right edges
Right-click → Same W / H / Size
Match dimensions to first
Global
?
Open this shortcuts reference
Delete
Delete selected element
Enter in AI chat
Send AI message
Shift+Enter in AI
New line in AI chat
Set Image
SiteWays Studio uses local storage for project/session data and can store API tokens (like GitHub) on this device.
