Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Large Text Large Link
Body Text Body Link
Small Text Small Link
style guide
A central guide for common components and styles used in Synapse.
Colors
Primaries and grays controlled by the Global Swatch feature.
dark
#000000
white
#FFFFFF
white - Faded
rgba(255,255,255,0.2)
Typography
Headings, body and other common text elements.
Buttons
Component, text style and size variations
Form Inputs
General style and state variations for text inputs.
Input
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.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
