Platform
See how easy it is to use Fermata
Fermata API Docs
Fermata API Tutorial
Use Cases
Get a Demo
Try Fermata
Style Guide
A central guide for common components and styles used in Devsonic.
Colours
Primaries and grays controlled by the Global Swatch feature.
Primary 1
Primary 2
Dark 1
Dark 2
Light 1
Light 2
Light 3
Light 4
Typography
Headings, body and other common text elements.
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Large Text
Large Link
Body Text
Body Link
Small Text
Small Link
Buttons
Component, text style and size variations
Default Button
Icon
Icon Alt
Icon Left
Play Icon
Link Styles
Underlined Link
Arrow Link
Dropdown Link
Underlined Arrow
Form Inputs
General style and state variations for text inputs.
Inputs
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labelled Input
Name
This is some text inside of a div block.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Area
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form Selectables
Styling for checkboxes, selects and radios.
Checkbox
Radio
Choose an option
First Choice
Second Choice
Third Choice
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Try Fermata for Free
Get started with Fermata
.jpg)
