Solutions

Developers

Community

Resources

About us

Enter App

Solutions

Developers

Community

Resources

About us

Enter App

Solutions

Developers

Community

Resources

About us

Enter App

STYLE GUIDE

Colors

Typography

Motion

Elements

UTILITIES

Get started

Learn Framer

Colors

Color is used to express style and communicate meaning. The system of tonal palettes is central to making any color scheme accessible by default.

Global

#3DE273

Global / Primary

Global / Primary

#A0CED7

Global / Secondary

Global / Secondary

#66FF8E

Global / Accent

Global / Accent

Text

#E2EBED

Text / Primary

Text / Primary

#B4C0C2

Text / Secondary

Text / Secondary

#7F8A8C

Text / Tertiary

Text / Tertiary

#66FF8E

Text / Accent

Text / Accent

#C5FEC8

Text / Accent Hover

Text / Accent Hover

#000F05

Text / On Primary

Text / On Primary

#000F12

Text / On Secondary

Text / On Secondary

#00210A

Text / On Accent

Text / On Accent

#000D0F

Text / Inverse

Text / Inverse

#E50102

Text / Error

Text / Error

Surface

#000D0F

Surface / Background

Surface / Background

#0E1517

Surface / On Background

Surface / On Background

#172527

Surface / Border

Surface / Border

SIRIUSNET

Let us bring you value

Become our partner

4.9/5.0

2024@ Copyright By Siriusnet Institute

SIRIUSNET

Let us bring you value

Become our partner

4.9/5.0

2024@ Copyright By Siriusnet Institute

SIRIUSNET

Let us bring you value

Become our partner

4.9/5.0

2024@ Copyright By Siriusnet Institute