Logo

Logo + Text

Logo + Text (Dark)

Colors

Primary

#265ea4

Theme

#1a51b7

Secondary

#5182ef

Heading Blue

#3f5e95

Text Color

#626c74

Fake Black

#393d46

Background

#f0f3fa

White

#ffffff

Gray 100

#f3f4f6

Gray 200

#e5e7eb

Gray 500

#6b7280

Gray 900

#111827

Typography

Font: Manrope

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraph - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus.

Ordered List Item 1 — Regular text with a bullet point.
Ordered List Item 2 — Regular text with a bullet point.
Ordered List Item 3 — Regular text with a bullet point.

Unordered List Item 1 — Regular text with a bullet point.
Unordered List Item 2 — Regular text with a bullet point.
Unordered List Item 3 — Regular text with a bullet point.

200 — Extra Light

300 — Light

400 — Regular

500 — Medium

600 — Semi Bold

700 — Bold

Components

UiButton

Variants

Dense

With Icon

Disabled

UiText

Default input

With placeholder

With error

Disabled

Cannot edit this

Readonly

Read only value

With hint

This is a helpful hint

Textarea

Default input

With placeholder

With error

Disabled

Cannot edit this

Readonly

Read only value

With hint

This is a helpful hint

Textarea

Banners

Fancies

.fancy-conic-gradient-blue

.fancy-conic-gradient-slate

.fancy-conic-gradient-dark

.fancy-conic-gradient-gray

.fancy-conic-gradient-stone

.fancy-conic-gradient-darkblue

timeout of 10000ms exceeded

Fout meldingKlik om te sluiten