Home
Careers
About
Contact Us
Tours
Make a striking first impression.
Product
Layouts to promote your product and its features.
Company
Provide a complete picture of your business.
Account
Roll out the welcome mat for new and returning users.
Getting Started
Style Guide
Changelog
Licenses
More Templates
Get in Touch
Style Guide
A guide to the styles and components used in Flock.
Colors
Primaries and grays controlled by the Global Swatch feature.
Pastel 1
#F4F8EC
Pastel 2
#ECF8F4
Pastel 3
#F2ECF8
Pastel 4
#F8ECEC
Black-ish
#0f0f0f
White
Grey
#F3F2EE
Typography
Headings, body and other common text elements.
Display
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
Small
Button
Outline
Icon Button
Large Button
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.
I have read and agree to the
Terms & Conditions
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.