Dathic Insights
Demos
Landing 1
Landing 2
Landing 3
Landing 4
Landing 5
Landing 6
Landing 7
Landing 8
Pages
Company Pages
Inform your visitors about all facets of your business
CMS Pages
Including Blog, Help Center, Case Studies and Careers
Pricing
Clearly articulate your products pricing options.
Account
Beautiful sign up and sign in pages in multiple styles.
Sections
Cards
CTA
CMS
Footers
Forms
Galleries
Headers
Icons
Lists
Metrics
Navbars
Pricing
Quotes
Tabs
Team
Text
Utility Bars
Videos
Template
Style Guide
Image License
Support
Log in
Contact
Style Guide
A complete guide to this site's modular interface elements.
Colors
A complete color swatch used to color all interface elements on the website.
Theme Colors
Primary 1
#4AABFF
Primary 2
#001770
Primary 3
#000C38
Grays
Gray 1
#272929
Gray 2
#62636B
Gray 3
#ECEBEA
Gray 4
#F8F6F4
Feedback
Success
#57A773
Warning
#F19953
Error
#ED6A5E
Buttons
Component, text style and size variations
Button Sizes
Small
Standard
Large
Theme Colors
Primary 1
Primary 2
Primary 3
Outline
Feedback Colors
Success
Warning
Error
Grays & White
Gray 1
Gray 2
Gray 3
Gray 4
White
Circle Buttons
Icons
Search
Finish
Sign up with Google
Typography
Headings, body and other common text elements.
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Text Large
Link Large
Body Text
Body Link
Small Text
Small Link
text caps
Heading Six - Class H6 Small
Lists
Headings, body and other common text elements.
Unstyled <ul>
Dope
Sick
Amazing
Colored Bullets
Dope
Sick
Amazing
Checklist
Dope
Sick
Amazing
Icons - Interface
Headings, body and other common text elements.
Icons - Social
Icons for popular social networks.
Badges
Combine with other components to display metadata
Default
Badge Text
Theme Colors
Primary 1
Primary 2
Primary 3
Feedback Colors
Success
Warning
Error
Cards
A multipurpose component used to display content in boxed format.
Default Styles
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Link
Heading
With Foot
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Link
With Head
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Link
With Image
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Link
Form Inputs
Styles for form inputs and form feedback states.
Input Sizes
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labelled Input
Input Label
* Hint Text
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Input with Icon
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Radio & Checkbox
Radio Label
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Checkbox
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form Feedback
The form submission was a success!
There was an issue with the form submission!
Shadows
Preset styles to imply depth on interface components
Shadow Small
Shadow
Shadow Large
Dropdowns
Preset styles to imply depth on interface components
Basic
Link 1
Link 2
Link 3
Multi Column
Company Pages
Inform your visitors about all facets of your business
Blog
Multiple blog layouts to engage your visitors.
Pricing
Clearly articulate your products pricing options.
Account
Beautiful sign up and sign in pages in multiple styles.
With Footer
Link 1
Link 2
Link 3
Foot Link
Tooltips
Provide additional information in a small pop-up.
Hover on this icon
?
Here is a message to help explain the content.
Avatars
Multiple sizes and styles to represent users around the interface.
Avatar Sizes
Avatar Group
Avatar Indicators
Avatar with name
Katherine Cho
Let's find your brand's next superfans.
Book a 20 min demo
