Add Sections or Complete Pages
Add breakpoints to your blank page, then drop sections to have them responsive out of the box.
Get Started
Learn More
Light Theme
Preview
Color Name
Token
Hex
roylablue 100
--brand-color-royalblue-100
#CEDDFD
roylablue 200
--brand-color-royalblue-200
#83AAFB
roylablue 300
--brand-color-royalblue-300
#3978F9
roylablue 400
--brand-color-royalblue-400
#CEDDFD
roylablue 500
--brand-color-royalblue-500
#063CAD
roylablue 600
--brand-color-royalblue-600
#042B7C
roylablue 700
--brand-color-royalblue-700
#032263
roylablue 800
--brand-color-royalblue-800
#021A4A
roylablue 900
--brand-color-royalblue-900
#021131
roylablue 1000
--brand-color-royalblue-1000
#010C23
roylablue 1100
--brand-color-royalblue-1100
#00050F
Light Theme
Preview
Color Name
Token
Hex
roylablue 100
--brand-color-royalblue-100
#CEDDFD
roylablue 200
--brand-color-royalblue-200
#83AAFB
roylablue 300
--brand-color-royalblue-300
#3978F9
roylablue 400
--brand-color-royalblue-400
#CEDDFD
roylablue 500
--brand-color-royalblue-500
#063CAD
roylablue 600
--brand-color-royalblue-600
#042B7C
roylablue 700
--brand-color-royalblue-700
#032263
roylablue 800
--brand-color-royalblue-800
#021A4A
roylablue 900
--brand-color-royalblue-900
#021131
roylablue 1000
--brand-color-royalblue-1000
#010C23
roylablue 1100
--brand-color-royalblue-1100
#00050F