Welcome to Sandbox, an interactive tutorial,
where you can change whatever you like.
Shape
Now you're in the editing mode. To preview the page, press P or click on in the right bottom corner. To return to editing, press , which replaced the eye. You can switch between two modes anytime.
P
switch between editing and preview mode


To add a geometrical shape or an icon to your project, enter the editing mode by clicking in the right bottom corner, then press W or a at the left bottom menu, and select the Shape widget. Now pick a shape you need—click on the Settings menu on the right edge of the screen. You can edit properties of your shape, animate it or add a link .
W
add widget
⌘+Z
undo action
⌘+Shift+Z
redo action





Shapes can be skewed horizontally or vertically by dragging them. Return to a symmetrical shape by pressing the 1:1 button to the right. Turn ovals into proper circles and then back into ovals.
Shapes can be skewed horizontally or vertically by dragging them. Return to a symmetrical shape by pressing the 1:1 button to the right. Turn ovals into proper circles and then back into ovals.
The triangle symbol in the Settings menu represents any polygon. Click on it to change how many sides the shape has.
Turn rectangles into triangles, and triangles into rectangles using polygon settings.

For polygons and rectangles you can also alter how rounded off the corners are: use the Radius control in the Settings menu .

For any shape you can create borders of different colors and density. The number next to the Border control indicates border thickness. Color picker is next to it. Pick a shape, create a border of a contrasting color, then try increasing the density: 1, 5, 10, 20, 100, etc.