Innovaccer-header-logo

Innovaccer Style Guide

Colors


Hex Code / Sass Variables

$primary
#E31C79
$black
#000000
$green
#D0DF00
$orange
#FFA400
$yellow
#FED141
$teal
#40C1AC
$purple
#830065
$tint
#830065

Text

.text-primary

.text-secondary, .text-black

.text-green, .text-electric-green

.text-orange

.text-yellow

.text-purple

.text-teal

.text-tint

.text-muted

.text-grey

.text-red

.text-red-alter

Background

.bg-primary

.bg-secondary

.bg-green

.bg-orange

.bg-teal

.bg-yellow

.bg-purple

.bg-tint

.bg-white

Headings


Page Heading

Page Sub Heading

Underline

Page Heading

Sizes

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Buttons


Filled

Product Hover

Featured

Text Inputs


Inline

With Icons

@
search

With Button

@

Disabled

Readonly

Selects


Inline

Forms


Labels

Inline

Demo Form

Error State

Please enter a valid email address.
Please enter a valid password.

Image Filter


Grayscale

demo

Hover Original

demo