For Charlie & the Juniper Gardens team to review

Brand & Design Patterns

One page for Charlie and the Juniper Gardens team to review and sign off the brand and the design patterns the site is built from: logo, color, type, buttons, chips, cards, and the core page components. Everything uses the official palette and type. Flag anything to change.

02 · Color

Palette

The full brand palette. Blue leads; sky, wheat, and crimson are accents that stay secondary to the partner logos beside them.

Brand Blue
#0051ba
Primary, links, buttons
Sky
#73cbf2
Accent
Wheat
#ffc82d
Topic tags, accent dot
Crimson
#ff3042
Button dot, accent
Pale Blue
#d9edf4
Hero bands, soft tags
Grey
#85898a
Logo subtitle, muted
Ink
#000000
Headings, body
Surface
#dde5ed
Cards, stat panels
Dot rotation. The grid-mark dots always follow the same order: blue, sky, wheat, crimson. Single-dot subdividers rotate through the same sequence.
Web Accents

Websites need a few colors the print guide doesn't cover: a light fill for tag and chip backgrounds, a clear white for text on dark sections, and standard states for success, errors, and caution notices so visitors always know what's happening. These seven values extend the brand palette to cover those roles. Where a brand color already fits — Fire for errors, Jayhawk Yellow for rating stars — we use it. Where there's no brand equivalent, we sourced from the KU Brand Center. Please confirm or adjust before they are applied to the site.

White
#ffffff
Button text, nav text on dark bg, footer links
Sky Light
#B6E2F5
Tag/chip backgrounds, card hover fills, light section tints — KU Sky Step 1
Success
#13612e
Form confirmation messages, download success states
Info
#0051BA
Informational UI states — same as Brand Blue
Alert
#FF3042
Form errors, critical messages — same as Crimson
Caution
#f2a900
Non-critical warnings, caution states — KU Wheat
Rating
#FFC82D
Star ratings — KU Jayhawk Yellow; aligns UI to brand palette

03 · Typography

Type faces & scale

Halyard Display for headings (H1–H4), Halyard Text for body and UI. Font loading pending Adobe Fonts kit confirmation.

Where research meets real-world learning

Practical tools for educators and families

Behavior interventions often begin with strong momentum. Schools dedicate time to professional development and early progress is encouraging.

Headings: Halyard Display (Adobe Fonts). Body: Halyard Text (Adobe Fonts). Hanken Grotesk loads as fallback where the kit isn't active.

Type scale · compare research-backed sets (one tokenized system)
Page title (H1)Real research. Real tools.--fs-h1
Section (H2)Start with what matters--fs-h2
Subsection (H3)Practical strategies that work--fs-h3
Lead paragraphA larger intro line that frames the page.--fs-lead
Body textBehavior interventions often begin with strong momentum, and early progress is encouraging.--fs-body
Small / captionCaptions, meta, and labels--fs-small

Body sizes stay ≥16px per NN/g readability guidance; sets draw on the Material 3 type scale, Refactoring UI's hand-picked scale, and the classic 1.25 modular ratio. Fluid values use clamp() (360→1280px), matching how Kadence ships its global sizes.

04 · Buttons

Button styles

Pill buttons with a colored dot. Solid for primary actions, outline for secondary, white on blue backgrounds.

Uppercase is applied with CSS (text-transform), so the underlying text stays normal-case and readable for screen readers.

05 · Tags & labels

Chips

Compact, rounded chips. Topic tags use wheat, audience uses blue, soft pale-blue is for status like Free. A card carries one topic chip plus, optionally, an audience chip.

Behavior Literacy Educators Families Free

Wheat = Topic · Blue = Audience · Pale = status/cost.

06 · Cards

Image-free, by design

No product thumbnails — text-in-image photos compete with the card text and rarely read well. Every card is text-only with a faint ten-frame watermark (the logo's square geometry) as its only decoration. One primary topic chip per item; resources also show one primary audience and the partner (logo when there is one, else text). No price on cards.

Article cards (date · author only)
Resource cards (resource type pill · partner logo or name, no audience, no price)

07 · Page components

The most-used building blocks

The reusable blocks that assemble into pages, built with Kadence Pro. Headings sit flush left on a single content edge. The full set lives in the pattern library.

Section divider (grid mark)

Featured Resources

Page hero / title band
Resource Library

Find a tool that works

Left-aligned title, sub, and body share one left edge.
Product detail · with product photo (quote-based)
Behavior & Classroom · CW-FIT

CW-FIT Teacher Kit

The physical materials a teacher needs to run CW-FIT in the classroom: a timer, point cards, lesson posters, and reinforcement supplies.

CW-FIT Teacher Kit

The CW-FIT Teacher Kit contains everything needed to run the program in a single classroom: a timer, point cards, lesson posters, and reinforcement supplies.

Topic: Behavior & Classroom
Partner: CW-FIT
Audience: Educators (Classroom)
Product detail · no product photo (quote-based)
Assessment · IGDIs

Early Communication Indicator (ECI)

A play-based, six-minute language progress-monitoring measure for infants and toddlers, with administration training for early-childhood teams.

The ECI is a play-based general outcome measure that tracks expressive communication growth in infants and toddlers during a naturalistic play interaction.

Topic: Assessment
Partner: IGDIs
Audience: Early Childhood Educators, Clinicians & Therapists
Stat cards (3-up)
68%
Staff report intervention drift by year two
42%
Educators report reduced consistency
3 in 5
Schools prioritize ongoing coaching
Pull quote

Successful behavior systems are not sustained through enthusiasm alone. They rely on consistent reinforcement, coaching, and shared expectations over time.

Johnathan Weber, University of Kansas
FAQ accordion
Why do interventions lose effectiveness over time?
Interventions often lose effectiveness when schools reduce coaching, data reviews, or leadership reinforcement after the first year.
How can schools maintain staff consistency?+
What kind of behavior data is most useful?+
Inline CTA banner

Looking for tools that make this stick?

Explore research-grounded coaching resources from Juniper Gardens.

Explore Resources
Article listing card (image-free)
Breadcrumb
Resources › Literacy & Reading › Literacy Bridges Online Course 1
Filter chips (catalog & articles)
AllFamiliesEducatorsAdministratorsPolicymakers
Author / PI box (credibility)
AS
Reviewed by Alana Schnitz, Ph.D.
Principal Investigator · Juniper Gardens Children's Project
Transaction types (four ways to act) — all use the same solid blue button
Free download
Free
Download
Paid kit / course
$149
View in uStore
Online course
$299
Enroll via uStore
Service / training
Custom
Request a Quote

No on-site checkout: paid items link out to KU's uStore (TouchNet); free downloads capture an email; services route to a quote form embedded on the page. All four use the same solid blue button — the only difference is the label and destination.

Inline quote form (lives in the right sidebar of quote-based product pages)
Mission band (blue intro)

With Research to Real World, that gap gets smaller. Our carefully curated resources make research-grounded ideas easier to explore, understand, and apply, so the people doing the work can move forward with confidence.

More About Our Research