Content
Content
Visitors
12,480
+8%Churn
2.1%
+0.4 ptsPlan
Pro
unchangedAvatars
mia.travels2h ago
chef.luca
Rating and links
Read the full storyIcons
Badges and tables
| Name | Status | |
|---|---|---|
| Alpha | Active | |
| Beta | Pending | |
| Gamma | Archived |
Start
Sketch it. Click it. Ship the idea.
A catalogue of every block. Try the colour themes with the --theme option.
Heads up This is an info alert. There are also success, warning and error.
Saved.
Your trial ends in 3 days.
Payment failed.
Welcome
A modal opens over the screen. Close it with the X, the button, Escape, or a click outside.
Media
Media and charts
Charts
Forms
Forms
Email notifications
Colours
Colour a whole project or just one part
Project: theme: color | pastel | blueprint | dark, or colors: { accent: '#e11d48' }. Part: tone: blue on any block.
blue
Outlines and text take the colour.
green
Great for success states.
yellow
Highlights and warnings.
red
Errors and danger zones.
purple
Premium features.
pink
Friendly and playful.
orange
Calls to action.
Newteal
Calm and trustworthy.
Enabled
gray
De-emphasised content.
fill: true tints the background
You can mix tone and fill on any block, and even on a whole screen.
Blue fill
Green fill
Pink fill
Neutral fill