Menu

Style Guide

Greys

#ffffff
#f6f6f8
#eeeeee
#000000

Primary Colors

#00ccd6
#0ba8ff
#2e3fb3
#4f40fb
#2e0379

Secondary Colors

#fcc336
#49cb89
#f6428a

Gradient

linear-gradient(315deg, #00ccd6 0%, #4f40fb 100%);

H1

So engaging you’ll forget you’re on a video conference

H2

You’ll Be In Great Company

H3

Examples of Video Conferencing in Education

H4, H5, H6

Featured Use Cases

.eyebrow

Our Mission

.meta

Event Details

body

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit modi corporis iste placeat aut possimus excepturi numquam sequi autem quia? Exercitationem est laudantium necessitatibus sed. Nulla eos fugiat atque itaque.

Lorem ipsum dolor sit amet

  • Impedit modi corporis iste placeat aut possimus excepturi numquam sequi autem quia? Exercitationem est laudantium necessitatibus sed.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla eos fugiat atque itaque.

.small

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus dolores praesentium deleniti aperiam consequuntur totam maxime aspernatur dolor nulla nemo explicabo vero tempora, amet ipsum voluptate rerum culpa eveniet at?

.medium

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus dolores praesentium deleniti aperiam consequuntur totam maxime aspernatur dolor nulla nemo explicabo vero tempora, amet ipsum voluptate rerum culpa eveniet at?

.large

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus dolores praesentium deleniti aperiam consequuntur totam maxime aspernatur dolor nulla nemo explicabo vero tempora, amet ipsum voluptate rerum culpa eveniet at?

.lead

Create the change you want to see in your community

blockquoute

cite

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit modi corporis iste placeat aut possimus excepturi numquam sequi autem quia? Exercitationem est laudantium necessitatibus sed. Nulla eos fugiat atque itaque.

— John Doe, OpenCitizen

.icon-link

Icon Size 32px
Security Certification

ul.icons

Icon Size 40px 60px 80px
  • Security Certification
  • Accessibility Compliance
  • Dashboard Analytics

ul.checkmarks

Icon Size 20px 22px 24px
  • Security Certification
  • Accessibility Compliance
  • Dashboard Analytics

ul.warning

Icon Size 20px 22px 24px
  • Security Certification
  • Accessibility Compliance
  • Dashboard Analytics

ul.numbered

Icon Size 20px 22px 24px
  • Security Certification
  • Accessibility Compliance
  • Dashboard Analytics

ul.basic

Icon Size 20px 22px 24px
  • Security Certification
  • Accessibility Compliance
  • Dashboard Analytics

.btn

Get Started

Get Started

Get Started

Get Started

Get Started

Get Started

.btn-outline

Get Started

Get Started

Get Started

Get Started

Get Started

Icons

Artboard Size: 200px × 200px
Outer Stroke Weight: 12px
Inner Stroke Weights: 12px, 10px, 8px, 6px