New College of Florida 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

- Basic
- Breadcrumb
- Quick Nav
- Social
- Sub
- Footer
- Header
- Menu
- Axe

Templates

404
Department Detail
Department Listing
Event Detail
Event Listing
Forms
Fy Counselor
General Content
Home
Landing Page
News Detail
News Listing
People Detail
People Listing
Program Detail
Program Listing
Search
WYSIWYG

documentation

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

Button Variants

Default
Dark

Variants Variants

Default
Red
Gray
Alt

Call To Action Variants

Dark Blue
White
Light Blue

Card Group Variants

Four Up
Three Up
Two Up
One Up

Contact Info Variants

Default
Department

Related Events Variants

Four Up
Three Up
Two Up
One Up

Stats Variants

In Content
Full Width

Filter Variants

Default
Counselors

Home Page Header Variants

Default
Image
Video
Background

Page Header Variants

Default
Image
Video
Background

Program Page Header Variants

Default
Image
Video
Background

Event Detail Variants

Default
Image

General Content Variants

Default
Photo

News Detail Variants

Default
Image