Skip to main content
LOGOTYPE
LIBRARY
Logo
COLOR
PALETTE
Colors
Primary
HEX: #FD6A3C
BG class="ia-bg-orange"
Color class="ia-orange"
HEX: #172535
BG class="ia-bg-dark"
Color class="ia-dark"
Neutral
HEX: #FFFFFF
BG class="ia-bg-white"
Color class="ia-white"
HEX: #F2F2F2
BG class="ia-bg-soft"
Color class="ia-soft"
HEX: #A5A5A5
BG class="ia-bg-gray"
Color class="ia-gray"
Secondary
HEX: #3F5E9D
BG class="ia-bg-blue"
Color class="ia-blue"
HEX: #DAEDF5
BG class="ia-bg-water"
Color class="ia-water"
HEX: #A1C5D3
BG class="ia-bg-sky"
Color class="ia-sky"
HEX: #70BEB4
BG class="ia-bg-teal"
Color class="ia-teal"
FONT
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
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

COMPONENTS
LIBRARY
Components General
COMPONENTS
LIBRARY
Construction

Tooltip on top
Tooltip on right
Tooltip on left
Tooltip on bottom
Label Label Label
Loading...
ICONS
LIBRARY
Icons
icon-print-converted
liga:
icon-sub-page
liga:
icon-arrow-right-btn
liga:
icon-arrow-left-btn
liga:
icon-pause
liga:
icon-doc
liga:
icon-link
liga:
icon-powerpoint
liga:
icon-filter
liga:
icon-mail
liga:
icon-play
liga:
icon-locate
liga:
icon-close-light
liga:
icon-assesment
liga:
icon-checkbox
liga:
icon-download
liga:
icon-external
liga:
icon-info
liga:
icon-language
liga:
icon-translate
liga:
icon-cross
liga:
icon-clock
liga:
icon-logo
liga:
icon-menu
liga:
icon-nccer
liga:
icon-arr-down
liga:
icon-arr-left
liga:
icon-arr-right
liga:
icon-arr-up
liga:
icon-arrow-right
liga:
icon-books
liga:
icon-buildings
liga:
icon-calendar
liga:
icon-check
liga:
icon-close
liga:
icon-edit
liga:
icon-facebook
liga:
icon-file
liga:
icon-globe
liga:
icon-heart
liga:
icon-instagram
liga:
icon-linked-in
liga:
icon-map
liga:
icon-marker
liga:
icon-message
liga:
icon-mute
liga:
icon-order
liga:
icon-paper-plan
liga:
icon-search
liga:
icon-tiktok
liga:
icon-twitter
liga:
icon-unmute
liga:
icon-user
liga:
icon-verify
liga:
icon-youtube
liga:
Form Elements