Style Guide
Click here to see full documentation.
Colors
Primaries and grays – please note these are for demonstration purposes only
Typography
Headings, body and other common text elements
Heading one
Heading two
Heading three
Heading four
Heading five
Heading six
“Here’s an insightful quote from the article that is worth isolating for emphasis.”
Lead Text Lead Link
Body Text Body Link
Small Text Small Link
Tiny Text Tiny LinkAccordions
Toggle element based on the Card for displaying discrete portions of information
Alerts
Used for adding notices around the interface
Avatars
Represent users or customers around the interface – please note this is for demonstration purposes only.
Sizes
Group
Badges
Background Images
A simple utility to transform an image into a background for an element.
Breadcrumbs
Indicate the current page’s location within a navigational hierarchy
Cards
Structural component for displaying boxed content
Dividers
Decorative elements to give your site some dynamic appeal
Horizontal Dividers
Vertical Dividers
Dropdowns
Styles for navigation and context dropdowns. Please note these are created with HTML and are for developers only.
Dropdown Item Variations
Multi-Level
Multi-Level Hover
Full Width
Forms – Text Inputs
Size and state variations for text inputs. Please note these are created with HTML and are for developers only.
Input Sizes
Textareas
States
Labelled Input
Input Group
Forms – Selectables
Checkboxes, Radios and Select dropdowns. Please note these are created with HTML and are for developers only.
Checkboxes
Radios
Switches
Select
Icons – Interface
Common interface iconography. For all icons, see the Icons Reference
Icons – Usage
Handy utilities for displaying icons around the interface. For all icons, see the Icons Reference
Sizes
Colors
Variations
Icon Arrangements
Preset arrangements for icons with associated content. Please note these are created with HTML and are for developers only.
-
Multiple Layouts
-
Modular Components
-
Suits Your Style
-
Unlimited Data
-
Premium Support
-
Unsupported Feature
Multiple Layouts
Modular Components
Suits Your Style
Highly Customizable
Media
A small encapsulated element based on the card. Displays small media items that generally live in a group.
Variations
Fully Responsive
Kyan Boards
Pagination
Indicate a series of related content exists across multiple pages.
Popovers
Display supplemental information upon click. Please note these are created with HTML and are for developers only.
Shadows
Preset styles to imply depth on interface components
Tabs
Tooltips
Display supplemental information upon hover. Please note these are created with HTML and are for developers only.
Default Display
Tooltip Circle
- Todos los derechos reservados © 2023
- Conversemos en LinkedIn