01 · Color
Core palette
Sunflower Gold and Prairie Charcoal carry the identity. Bright gold is for fills, bars, and buttons, never as small text on white. For gold text or links on white, use Deep Gold.
Kansas landscape secondary
Used sparingly for category coding, dark panels, highlights, and dividers. The “-deep” versions are contrast-safe for text on white.
Neutrals
02 · Typography
Fraunces + Source Sans 3
Fraunces (a warm, high-contrast serif) gives headings an academic, editorial character. Source Sans 3 keeps body text clean and highly legible. Both are free, open-license Google Fonts.
Teaching well in Kansas
Heading 2 · Fraunces 500
Heading 3 · Fraunces 600
Body copy is Source Sans 3 at 17px with a 1.7 line-height for comfortable reading across long instructional pages. Links look like this accessible deep-gold link.
clamp(2.2–3.4rem) · h1 clamp(1.9–2.6rem) · h2 1.6rem · h3 1.25rem · body 1.0625rem · small 0.9375rem.04 · Components
Category tags
Blackboard
Canvas
Pedagogy
AI policy
Microsoft
Accessibility
Pillar cards
05 · Accessibility rules
Built-in accessibility standards
| Rule | Standard |
|---|---|
| Body / UI text contrast | ≥ 4.5:1 against its background (WCAG 2.1 AA) |
| Bright Sunflower Gold | Fills, bars, buttons only, paired with charcoal text; never small gold text on white |
| Links | Deep Gold #8A6B00, underlined or clearly distinguished, with visible focus ring |
| Focus state | 3px big-sky focus ring on every interactive element |
| Structure | Skip link, semantic landmarks, logical heading order, descriptive alt text |
| Color coding | Never the only signal; always paired with a text label |
06 · Reskin
Future-proofing
Every color and font lives in CSS custom properties at the top of the stylesheet (:root). A future move to KBOR branding, or any palette change, means editing those variables once; every page updates automatically.