LOGOTYPE
LIBRARY
LIBRARY
Logo
COLOR
PALETTE
PALETTE
Colors
Primary
HEX: #FD6A3C
BG class="ia-bg-orange"
Color class="ia-orange"
BG class="ia-bg-orange"
Color class="ia-orange"
HEX: #172535
BG class="ia-bg-dark"
Color class="ia-dark"
BG class="ia-bg-dark"
Color class="ia-dark"
Neutral
HEX: #FFFFFF
BG class="ia-bg-white"
Color class="ia-white"
BG class="ia-bg-white"
Color class="ia-white"
HEX: #F2F2F2
BG class="ia-bg-soft"
Color class="ia-soft"
BG class="ia-bg-soft"
Color class="ia-soft"
HEX: #A5A5A5
BG class="ia-bg-gray"
Color class="ia-gray"
BG class="ia-bg-gray"
Color class="ia-gray"
Secondary
HEX: #3F5E9D
BG class="ia-bg-blue"
Color class="ia-blue"
BG class="ia-bg-blue"
Color class="ia-blue"
HEX: #DAEDF5
BG class="ia-bg-water"
Color class="ia-water"
BG class="ia-bg-water"
Color class="ia-water"
HEX: #A1C5D3
BG class="ia-bg-sky"
Color class="ia-sky"
BG class="ia-bg-sky"
Color class="ia-sky"
HEX: #70BEB4
BG class="ia-bg-teal"
Color class="ia-teal"
BG class="ia-bg-teal"
Color class="ia-teal"
FONT
BOOK
BOOK
Typography
Default tags style
h1 - Header
h2 - Header
h3 - Header
h4 - Header
h5 - Header
h6 - Header
p - Paragraph
The font-size can be changed by class:
.xl - example
.l - example
.h1 - example
.h2 - example
.h3 - example
.h4 - example
.h5 - example
.h6 - example
.p2 - example
.p3 - example
The font-weight can be changed by class:
.ia-extra-bold
.ia-bold
.ia-semi-bold
.ia-medium
.ia-regular
.ia-light
.ia-thin
ALIGNMENT
TEXT
TEXT
ALIGNMENT
h1 - Header
h2 - Header
h3 - Header
h4 - Header
h5 - Header
h6 - Header
p - Paragraph
h1 - Header
h2 - Header
h3 - Header
h4 - Header
h5 - Header
h6 - Header
p - Paragraph
h1 - Header
h2 - Header
h3 - Header
h4 - Header
h5 - Header
h6 - Header
p - Paragraph
h1 - Header
h2 - Header
h3 - Header
h4 - Header
h5 - Header
h6 - Header
p - Paragraph
h1 - Header
h2 - Header
h3 - Header
h4 - Header
h5 - Header
h6 - Header
p - Paragraph
h1 - Header
h2 - Header
h3 - Header
h4 - Header
h5 - Header
h6 - Header
p - Paragraph
BUTTONS
LIBRARY
LIBRARY
Buttons & Links
COMPONENTS
LIBRARY
LIBRARY
Components General
COMPONENTS
LIBRARY
LIBRARY
Construction
Tooltip on top
Tooltip on right
Tooltip on left
Tooltip on bottom
Label
Label
Label
Loading...
ICONS
LIBRARY
LIBRARY
Icons
icon-print-converted
icon-sub-page
icon-arrow-right-btn
icon-arrow-left-btn
icon-pause
icon-doc
icon-link
icon-powerpoint
icon-filter
icon-mail
icon-play
icon-locate
icon-close-light
icon-assesment
icon-checkbox
icon-download
icon-external
icon-info
icon-language
icon-translate
icon-cross
icon-clock
icon-logo
icon-menu
icon-nccer
icon-arr-down
icon-arr-left
icon-arr-right
icon-arr-up
icon-arrow-right
icon-books
icon-buildings
icon-calendar
icon-check
icon-close
icon-edit
icon-facebook
icon-file
icon-globe
icon-heart
icon-instagram
icon-linked-in
icon-map
icon-marker
icon-message
icon-mute
icon-order
icon-paper-plan
icon-search
icon-tiktok
icon-twitter
icon-unmute
icon-user
icon-verify
icon-youtube
Form Elements