Citizen University Component Library

Project Overview

Draft

Development

Getting Started

Fractal

Guide
FAQ’s
Gotchas
Examples

For Clients

Information on Images
Learn more about accessibility testing

Search

Library

- Footer
- Header
- Menu
- Axe

Templates

404
Forms
General Content
Home
News Detail
News Listing
Search
WYSIWYG

documentation

- Getting Started
- Guide
- Faqs
- Gotchas
- Examples
- Accessibility
- Images
Project Overview

Button Variants

White
Yellow
Soft Red
Gold
Light Blue
Dark Blue
Pill

Call To Action Variants

Theme - Blue
Theme - Yellow
Theme - Light Blue
Theme - Gold
Theme - Soft Red
Theme - Light Gray

Card Group Variants

Four Up
Three Up
Two Up
One Up

Homepage Feature Variants

Video
Main Image Only
Two Image
One Image

Related News Variants

Four Up
Eight Up

Testimonial Variants

Yellow
Light Blue
Blue
Gold
Soft Red
Light Gray

Page Header Variants

Default
Image
Video
Background

General Content Variants

Default
Photo
No Subnav
Theme - Yellow
Theme - Blue
Theme - Light Blue
Theme - Gold
Theme - Soft Red
Theme - Light Gray

Home Variants

Theme - Yellow
Theme - Blue
Theme - Light Blue
Theme - Gold
Theme - Soft Red
Theme - Light Gray

News Detail Variants

Default
No Image

News Listing Variants

Grid
Category
No Results

Wysiwyg Variants

Theme - Yellow
Theme - Blue
Theme - Light Blue
Theme - Gold
Theme - Soft Red
Theme - Light Gray