Accordion

*For
- Builder Accordion Module

Tempus augue in tristique gravida orci erat. Vestibulum enim augue dignissim ipsum integer a ultricies velit. Amet malesuada aliquam lacus donec leo turpis nibh cras.

Senior Security Engineer

Badges

*For
- Builder
- Html

badge-purple

Badge

badge-purple-rounded

Badge

badge-purple-bordered

Badge

badge-purple-border-rounded

Badge

badge-neutral

Badge

badge-neutral-rounded

Badge

badge-neutral-bordered

Badge

badge-neutral-border-rounded

Badge

badge-cyan

Badge

badge-cyan-rounded

Badge

badge-cyan-bordered

Badge

badge-cyan-border-rounded

Badge

badge-navy

Badge

badge-navy-rounded

Badge

badge-navy-bordered

Badge

badge-navy-border-rounded

Badge

Buttons

*For
- Builder
- Html

Btn-Primary

Btn-Secondary

Btn-Tertiary

Btn-Primary Btn-Disabled

Builder Button

HTML Button

Btn-Secondary Btn-Disabled

Builder Button

HTML Button

Btn-Tertiary Btn-Disabled

Builder Button

HTML Button

Btn-Primary Btn-Small

Builder Button

HTML Button

Btn-Secondary Btn-Small

Btn-Tertiary

Btn-Primary Btn-Small Btn-Disabled

Builder Button

HTML Button

Btn-Secondary Btn-Small Btn-Disabled

Builder Button

HTML Button

Btn-Tertiary Btn-Small Btn-Disabled

Btn-Primary Btn-Dark

Btn-Secondary Btn-Dark

Builder Button

HTML Button

Btn-Tertiary Btn-Dark

Builder Button

HTML Button

Btn-Primary Btn-Dark Btn-Disabled

Builder Button

HTML Button

Btn-Secondary Btn-Dark Btn-Disabled

Builder Button

HTML Button

Btn-Tertiary Btn-Dark Btn-Disabled

Builder Button

HTML Button

Btn-Primary Btn-Small Btn-Dark

Builder Button

HTML Button

Btn-Secondary Btn-Small Btn-Dark

Builder Button

HTML Button

Btn-Tertiary Btn-Small Btn-Dark

Builder Button

HTML Button

Btn-Primary Btn-Small Btn-Dark Btn-Disabled

Builder Button

HTML Button

Btn-Secondary Btn-Small Btn-Dark Btn-Disabled

Builder Button

HTML Button

Btn-Tertiary Btn-Small Btn-Dark Btn-Disabled

Builder Button

HTML Button

Btn-Primary Icon-Only

Btn-Secondary Icon-Only

Btn-Primary Icon-Only Btn-Disabled

Btn-Secondary Icon-Only Btn-Disabled

Btn-Primary Btn-Small Icon-Only

Btn-Secondary Btn-Small Icon-Only

Btn-Primary Btn-Small Icon-Only Btn-Disabled

Btn-Secondary Btn-Small Icon-Only Btn-Disabled

Btn-Primary Btn-Dark Icon-Only

Btn-Secondary Btn-Dark Icon-Only

Btn-Primary Btn-Dark Icon-Only Btn-Disabled

Btn-Secondary Btn-Dark Btn-Disabled Icon-Only

Btn-Primary Btn-Small Btn-Dark Icon-Only

Btn-Secondary Btn-Small Btn-Dark Icon-Only

Btn-Primary Btn-Small Btn-Dark Btn-Disabled Icon-Only

Btn-Secondary Btn-Small Btn-Dark Btn-Disabled Icon-Only

Btn-Primary Play-Icon

Btn-Secondary Play-Icon

Btn-Primary Play-Icon Btn-Disabled

Btn-Secondary Play-Icon Btn-Disabled

Btn-Primary Btn-Small Play-Icon

Btn-Secondary Btn-Small Play-Icon

Btn-Primary Btn-Small Play-Icon Btn-Disabled

Btn-Secondary Btn-Small Play-Icon Btn-Disabled

Btn-Primary Btn-Dark Play-Icon

Btn-Secondary Btn-Dark Play-Icon

Btn-Primary Btn-Dark Play-Icon Btn-Disabled

Btn-Secondary Btn-Dark Btn-Disabled Play-Icon

Btn-Primary Btn-Small Btn-Dark Play-Icon

Btn-Secondary Btn-Small Btn-Dark Play-Icon

Btn-Primary Btn-Small Btn-Dark Btn-Disabled Play-Icon

Btn-Secondary Btn-Small Btn-Dark Btn-Disabled Play-Icon

*For
- Default Video Module

Colors

*For
- Builder
- Html

HEX

Blue

#6C48FC

Blue 1

#35227E

Blue 2

#5035BD

Purple

#AE4EFF

Purple 1

#7C00E5

Purple 2

#961AFF

Green

#47DF7B

Green 1

#459C60

Green 2

#14CC78

Green 3

#29EA92

Cyan

#00CDDA

Cyan 1

#14838A

Cyan 2

#1BADB6

Cyan 3

#25D4DF

Navy

#130C2C

Navy 1

#2D244F

Navy 2

#423D56

White

#FFFFFF

Black

#000000

Neutral 4

#F5F5F5

Neutral 10

#E5E5E5

Neutral 20

#CCCCCC

Neutral 30

#B2B2B2

Neutral 40

#999999

Neutral 50

#808080

Neutral 60

#666666

Neutral 70

#4D4D4D

Neutral 80

#333333

Neutral 90

#1A1A1A

Color Variables

var(--fl-global-blue)

var(--fl-global-blue-01)

var(--fl-global-blue-02)

var(--fl-global-purple)

var(--fl-global-purple-01)

var(--fl-global-purple-2)

var(--fl-global-green)

var(--fl-global-green-01)

var(--fl-global-green-02)

var(--fl-global-green-03)

var(--fl-global-cyan)

var(--fl-global-cyan-01)

var(--fl-global-cyan-02)

var(--fl-global-cyan-03)

var(--fl-global-navy)

var(--fl-global-navy-01)

var(--fl-global-navy-02)

var(--fl-global-white)

var(--fl-global-black)

var(--fl-global-neutral-4)

var(--fl-global-neutral-10)

var(--fl-global-neutral-20)

var(--fl-global-neutral-30)

var(--fl-global-neutral-40)

var(--fl-global-neutral-50)

var(--fl-global-neutral-60)

var(--fl-global-neutral-70)

var(--fl-global-neutral-80)

var(--fl-global-neutral-90)

SCSS Color Variables

$color-blue

$color-blue-01

$color-blue-02

$color-purple

$color-purple-01

$color-purple-02

$color-green

$color-green-01

$color-green-02

$color-green-03

$color-cyan

$color-cyan-01

$color-cyan-02

$color-cyan-03

$color-navy

$color-navy-01

$color-navy-02

$color-white

$color-black

$color-neutral-04

$color-neutral-10

$color-neutral-20

$color-neutral-30

$color-neutral-40

$color-neutral-50

$color-neutral-60

$color-neutral-70

$color-neutral-80

$color-neutral-90

Color Custom Classes

Font Color

color-blue

color-purple

color-green

color-cyan

color-navy

color-white

color-black

Font Color Hover

color-blue-hover

color-purple-hover

color-green-hover

color-cyan-hover

color-navy-hover

color-white-hover

color-black-hover

Background Color

background-blue

background-purple

background-green

background-cyan

background-navy

background-white

background-black

Background Color Hover

background-blue-hover

background-purple-hover

background-green-hover

background-cyan-hover

background-navy-hover

background-white-hover

background-black-hover

Logos

Pagination

Typography

*For
- Builder
- Html

Headings Classes

display-large

Robotics and AI Institute

display-small

Robotics and AI Institute

heading-xxl

Robotics and AI Institute

heading-xl

Robotics and AI Institute

heading-l

Robotics and AI Institute

heading-m

Robotics and AI Institute

heading-s

Robotics and AI Institute

heading-xs

Robotics and AI Institute

Paragraph Classes

body-large

Let's change the way the world thinks of robots.

body-regular

Let's change the way the world thinks of robots.

body-small

Let's change the way the world thinks of robots.

body-xsmall

Let's change the way the world thinks of robots.

body-testimonial

We need to make robots smarter, more agile and dexterous, and generally easier to use — more like people. Once we do that, robots and other types of intelligent systems will increase productivity, free people from dangerous work, care for the disabled, and help people live better lives.

body-testimonial light