Project
New Project
Open Project
Close Project
Site SEO
Save
Save As...
Save Selection as Template
Save Page as Template
Open Templates
Save Templates
Publish >
Local file
FTP
GitHub
GitHub
Connect Token
Open / Clone Repository
Browse Repository
Pull Project
Stage Project
Commit & Push
Save As New Repo
Session recovered —
Save now
Design
·
Create
·
Launch
·
Repeat
Add page
Page SEO
Layout
Colors
Background
Shape & Spacing
Advanced CSS
View / Edit HTML
Use as site header
Use as site footer
Delete page
Mode
API Chat
Web Chat
AI
ChatGPT
Claude
Gemini
API Key
Model
Send
Web chat can be blocked by provider security policies.
Open in New Tab
AI helper ready.
Clear Chat
Edit menu tree
Action
Link to page
Go to linked page
URL / JavaScript...
Style
Typography & Colors
Background
Shape & Spacing
Layout
Advanced CSS
Content
Set image...
Clipboard
›
Copy element
Paste inside
Paste below
Duplicate
Segment SEO
Multi-select (
0
)
W
H
Align
Element
Hide element
Lock element
Delete element
Properties
No selection.
Layout
Layout controls coming next.
Classes
Custom class inspector coming next.
Choose Project Template
Project Type
Website
Section
Website projects contain full pages. Section projects focus on reusable page sections.
Design Framework
Templates are framework-specific and loaded from `src/templates`.
Project Settings
Default Font
Palette Generator
Base Color
Generate
Named Color Palette
Add Color
Save Project Revision
Changes
Open Project Revision
Revision
SEO
Title
Canonical URL
Meta Description
Keywords
Social Image URL
Open Graph Title
Open Graph Description
Favicon
Browse
Shown in browser tab. Recommended: .png or .ico, 32×32 px.
Show advanced SEO fields
Structured Data JSON-LD
Layout
Transparent background
Color
Color
Image / Asset URL
Browse
Apply palette color to
Background color
Gradient color 1
Gradient color 2
Gradient color 3
Image overlay
Template / project palette
Click a color field first, then choose a palette color.
Use gradient instead of image
Type
Linear
Radial
Direction
Diagonal
Left to right
Top to bottom
Bottom left
Radial circle
Color 1
Color 2
Color 3
Add image overlay/filter
Preset
Custom
Dark filter
Light filter
Primary tint
Overlay color
Opacity
45%
Repeat / Tile
No repeat
Tile
Tile horizontal
Tile vertical
Round tiles
Space tiles
Position
Center
Top
Bottom
Left
Right
Top left
Top right
Bottom left
Bottom right
Scroll
Default
Scroll with content
Fixed in viewport
Local
Image size
Cover
Contain
Original size
Custom zoom
Zoom
100%
Shape & Spacing
Width
Auto
100%
50%
50vw
400px
Custom
Height
Auto
100%
50%
50vh
400px
Custom
Margin
Border
Padding
top
right
bottom
left
top
right
bottom
left
top
right
bottom
left
Corners
Border Radius (CSS)
Frame width
1px
Color
Color
Style
Solid
Dashed
Dotted
Double
Frame edges
All edges
No frame
All edges
Outer edges
Top edge
Bottom edge
Left edge
Right edge
Top + bottom
Left + right
Margin
Auto
S
M
L
Padding
Auto
S
M
L
Shadow
None
Soft
Raised
Floating
Inset hairline
Opacity
100%
Publish Site Readiness
Review site SEO before publishing. SiteWays Studio will also create robots.txt, llms.txt, sitemap.xml and site.webmanifest.
Site URL
Site Title
Site Description
Keywords
Social Image URL
Compile Check
Navbar Menu Editor
Element Action
URL
(sets href)
JavaScript
(sets onclick)
Advanced (JavaScript)
Advanced CSS
Inline CSS for the selected element/page. Use this only when presets are not enough.
Raw HTML
Direct HTML source for the current page. Edit and click
Apply HTML
to save. Existing element IDs are preserved.
Set Image
Source
Upload...
Alt text
SiteWays Studio uses local storage for project/session data and can store API tokens (like GitHub) on this device.
OK
