Documentation
The complete guide to Site Designer — 132 articles across 18 sections. Pick a section below, or use search (⌘K) if you already know what you're after.
Get started
New to Site Designer? Start here. Install the app, take the quick tour, and ship your first page.
Browse sectionThe canvas
Learn how to work with the live canvas — select, move, nest, and edit elements in real time.
Browse sectionControl panes
Master the three right-side control panes — Content, Styles and Element — and the effects the Styles pane can apply.
Browse sectionApp toolbar
Explore every tool in the top toolbar — from Page Manager to Live Preview and Structured Data.
Browse sectionElements
Every element type at your disposal: text, images, containers, interactive widgets, and layout elements.
Browse sectionComponents & Symbols
Reusable components and Symbols let you build faster and keep your project consistent.
Browse sectionClasses & selectors
Understand Site Designer's color-coded CSS selector system and how classes, IDs, and pseudo-states work.
Browse sectionStyle controls
A visual guide to every CSS style control — typography, dimensions, backgrounds, borders, and more.
Browse sectionLayout systems
Build complex layouts with Flexbox, CSS Grid, and traditional block-level techniques.
Browse sectionResponsive
Make your site look great on every device with breakpoints, the width slider, and responsive images.
Browse sectionPages & site
Manage your pages, set SEO metadata, Open Graph tags, and inject custom code.
Browse sectionFrameworks
Foundation, Bootstrap, and Materialize — when to use each and how to get the most out of them.
Browse sectionSupport Queries
Build fallback stylesheets with Feature Queries, so older browsers get a layout that works too.
Browse sectionPublish & export
Publish to S-Drive with one click, export to a folder, or deploy via FTP to any host.
Browse sectionTutorials
Step-by-step project builds. Follow along to learn real-world techniques.
Browse sectionTroubleshooting
Answers to the most common questions and fixes for frequent issues.
Browse sectionReference
Lookup tables and technical facts: what runs it, what it accepts, what it exports, and what every control is called.
Browse sectionReleases
What's new in each version of Site Designer, and how to migrate from older versions.
Browse section