01. Typeface

Aa

Open Source

IBM Plex Sans

Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

SemiBold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Download bit.ly/revkit-ibm-plex

02. Colors

Accent

0880AE

Warning

F2AC57

Success

14A38B

Error

FF7171

Primary

2C2738

Secondary

756F86

Muted

7C9CBF

Bright

FFFFFF

Shade

DBE2EA

Tint

EBF4F8

03. Icons

04. Form

Validation error message.
Validation success message.
Validation error message.
Validation error message.
Validation success message.
Validation error message.
Validation error message.
Validation error message.
Validation error message.
Validation error message.
0
0
0
0
A bright alert flash for dark backgrounds, which never lose the contrast.
A dark alert flash for bright backgrounds, which never lose the contrast.
A primary alert flash that looks pretty nice.
A warning alert flash that never sucks.
A success alert flash, which never lose the contrast.
An error alert flash that nobody loves.

05. Logos

Logo Dark mode
Logo Bright mode

06. Avatars

image avatar 1 example image avatar 2 example image avatar 3 example image avatar 4 example image avatar 5 example image avatar 6 example image avatar 7 example image avatar 8 example image avatar 9 example image avatar 10 example

07. List and Rating

  • Chat Message

  • Chat Message

  • Chat Message

  • Chat Message

  • Chat Message

  • Chat Message

  • Chat Message

  • Chat Message

  • Chat Message

  • Chat Message

  • Chat Message

  • Chat Message

  • Chat Message

  • Chat Message

  • Chat Message

  • Chat Message

08. Popover

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

  • Popover Title

    Supportive text for the top popover.

09. Tooltip

  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top
  • Tooltip Top

10. Misc

  • List item goes here
  • List item goes here
  • List item goes here
  • List item goes here
  • List item goes here
  • List item goes here
  • List item goes here
4.0

based on 8 ratings

11. Type Scale

  • Heading X1

  • Heading X2

  • Heading X3

  • Heading X4

  • Heading X5

  • Heading X6

  • paragraph X1

  • paragraph X2

  • Label

  • Heading X1

  • Heading X2

  • Heading X3

  • Heading X4

  • Heading X5

  • Heading X6

  • paragraph X1

  • paragraph X2

  • Label

  • Heading X1

  • Heading X2

  • Heading X3

  • Heading X4

  • Heading X5

  • Heading X6

  • paragraph X1

  • paragraph X2

  • Label

  • Heading X1

  • Heading X2

  • Heading X3

  • Heading X4

  • Heading X5

  • Heading X6

  • paragraph X1

  • paragraph X2

  • Label

  • Heading X1

  • Heading X2

  • Heading X3

  • Heading X4

  • Heading X5

  • Heading X6

  • paragraph X1

  • paragraph X2

  • Label

  • Heading X1

  • Heading X2

  • Heading X3

  • Heading X4

  • Heading X5

  • Heading X6

  • paragraph X1

  • paragraph X2

  • Label

  • Heading X1

  • Heading X2

  • Heading X3

  • Heading X4

  • Heading X5

  • Heading X6

  • paragraph X1

  • paragraph X2

  • Label

  • Heading X1

  • Heading X2

  • Heading X3

  • Heading X4

  • Heading X5

  • Heading X6

  • paragraph X1

  • paragraph X2

  • Label

12. Headers

13. Flaps

Context Label

Hero Title

A quick supportive, and easy to understand catchphrase, slogan, tagline, or the punchline of the brand.

Image hero

Hero Title

A quick supportive, and easy to understand catchphrase, slogan, tagline, or the punchline of the brand.

Image hero

Hero Title

A quick supportive, and easy to understand catchphrase, slogan, tagline, or the punchline of the brand.

Image hero
Hero grid

Bullet Title

Supportive text and the essential context goes here.

Hero grid

Bullet Title

Supportive text and the essential context goes here.

Hero grid

Bullet Title

Supportive text and the essential context goes here.

Hero grid

Bullet Title

Supportive text and the essential context goes here.

Hero grid

Bullet Title

Supportive text and the essential context goes here.

Hero grid

Bullet Title

Supportive text and the essential context goes here.

Hero grid

Bullet Title

Supportive text and the essential context goes here.

Hero grid

Bullet Title

Supportive text and the essential context goes here.

14. Modals

Modal Title

Left aligned contextual description for modal.

Modal Title

Left aligned contextual description for modal.

15. Callouts

Callout Title

Supportive text for the callout goes here like a pro, which informs and helps users decide what they should do next.

Callout Title

Supportive text for the callout goes here like a pro, which informs and helps users decide what they should do next.

Supportive text for the callout.

Supportive text for the callout.

16. Charts

Bar Chart

443K Pageviews

in last 7 days

Line Chart

984 Signups

in last 7 days

Donut Chart

Sale Channels

in last 7 days

Mobile and Web Channels are performing better.

17. Cards

card picture

Card Title

Supporting description for the card goes here like a breeze.

Card Title

Supporting description for the card goes here like a breeze.

Card Title

Supporting description for the card goes here like a breeze.

Label

Card Title

Supporting description for the card goes here.

Label

Card Title

Supporting description for the card goes here.

Label

Card Title

Supporting description for the card goes here.

Label

Card Title

Supporting description for the card goes here.

Label

Card Title

Supporting description for the card goes here.

18. Forms

Contact us

In general, our team replies within 24-28 hours.

Create an account

Already have an account?

Reset Password

Enter your email for a password reset link.

Back to Sign in