Cards

Hairline borders, square corners, accent eyebrow + serif title + Verdana body. The pattern used on this site's homepage cards.

Foundations

Accreditation

Regional, national, and programmatic accreditor preparation and response.

Foundations

State Licensing

Initial state authorization, change-of-ownership, and out-of-state reciprocity.

Programs

Curriculum

New programs, competency mapping, and faculty handbook drafting.

Variant — with preview tile

The cards on the styleguide landing page extend this base with a preview tile spanning the top edge. Use it when the card represents a visual artifact (a color set, a component); skip it when the card represents a destination.

Foundations

Colors

Charcoal, blue, red — the three colors that do all the work.

Foundations

Type

Verdana for doing, Georgia for reading.

Anatomy

Border — 1px var(--hairline). Hover swaps to var(--ink).
Lift — transform: translateY(-2px) on hover with the 300ms default transition. No shadow.
Eyebrow — Verdana 10px, 700, tracked 0.18em, uppercase, var(--accent).
Title — Verdana 700 (override the default italic-serif h3), 1.35rem, ink.
Blurb — Verdana 13px, var(--fg-muted), line-height 1.55. Keep to ~60 characters.
Arrow — bottom-right absolute. Slides 4px right and turns accent on hover.