The canvas shows your theme as visitors will see it. The toolbar at the bottom of the canvas changes how you look at it: the screen size, light or dark colors, the zoom, and how much of the editor stays around the page. None of these change the theme.
The toolbar's buttons show icons. Point at one to see its name. On Windows and Linux, use Ctrl wherever this article says ⌘.
Check a screen size
Open your project in Fantasma.
In the toolbar under the canvas, click the screen icon, Preview size.
Select Desktop, Tablet or Mobile. The page redraws at 1480, 768 or 375 px wide.
Click the percentage in the toolbar, Zoom, and select Zoom in, Zoom out, Zoom to 50% or Zoom to 100%. You can also press ⌘+, ⌘− and ⌘0, or hold ⌘ and scroll.
Zooming out or to a set size leaves Fullscreen and shows the page among your other pages. Click Fullscreen to go back.
Fullscreen, Cover and Clean view
Button
What you see
Shortcut
Fullscreen, two arrows pointing out
One page fills the canvas, scaled to fit its width. This is how the editor opens, so the button first shows two arrows pointing in, Exit fullscreen. Click it to see all your templates side by side on the canvas, where you can zoom and drag the view around. Click it again to go back.
⌘↵
Cover, two arrows pointing left and right
In Fullscreen only. The page is laid out at the width of the canvas at full size, instead of a 1480 px page scaled down. On Tablet and Mobile, it shows the whole page in one long frame instead of a frame one screen high that scrolls.
Clean view, a dot in a frame
The sidebars, the selection outlines and the toolbars over the page go away, so you see the page alone. You cannot edit in this view. Press Esc to leave it.
⌘</kbd>
You can edit in Fullscreen and with Cover on.
Outside Fullscreen, hold Space and drag to move the view. When no section or block is selected, Esc also leaves Fullscreen.
The canvas shows your theme as visitors will see it. The toolbar at the bottom of the canvas changes how you look at it: the screen size, light or dark colors, the zoom, and how much of the editor stays around the page. None of these change the theme.
The toolbar's buttons show icons. Point at one to see its name. On Windows and Linux, use Ctrl wherever this article says ⌘.
Check a screen size
While you preview Tablet or Mobile, some settings you change apply to that size only. Change the design on tablets and phones explains which.
Check light and dark colors
To choose what visitors get, change the color mode in Styles: Choose light, dark or automatic color mode.
Zoom
Click the percentage in the toolbar, Zoom, and select Zoom in, Zoom out, Zoom to 50% or Zoom to 100%. You can also press ⌘ +, ⌘ − and ⌘ 0, or hold ⌘ and scroll.
Zooming out or to a set size leaves Fullscreen and shows the page among your other pages. Click Fullscreen to go back.
Fullscreen, Cover and Clean view
Button
What you see
Shortcut
Fullscreen, two arrows pointing out
One page fills the canvas, scaled to fit its width. This is how the editor opens, so the button first shows two arrows pointing in, Exit fullscreen. Click it to see all your templates side by side on the canvas, where you can zoom and drag the view around. Click it again to go back.
⌘ ↵
Cover, two arrows pointing left and right
In Fullscreen only. The page is laid out at the width of the canvas at full size, instead of a 1480 px page scaled down. On Tablet and Mobile, it shows the whole page in one long frame instead of a frame one screen high that scrolls.
Clean view, a dot in a frame
The sidebars, the selection outlines and the toolbars over the page go away, so you see the page alone. You cannot edit in this view. Press Esc to leave it.
⌘ </kbd>
You can edit in Fullscreen and with Cover on.
Outside Fullscreen, hold Space and drag to move the view. When no section or block is selected, Esc also leaves Fullscreen.
See it with real content
The canvas shows demo posts until you connect your Ghost site. To see your own posts, or the page as a member sees it, follow Preview with your Ghost content and members.
To see the theme on your Ghost site, publish it to Ghost.