CLAVA · choose a branding level

configured for · Yale SOM

Tier chooser & side-by-side

See Essence, Signature, and Bespoke rendered side by side, so Admissions can pick the right depth for a program.

How to read the difference: Form-control border color is Yale blue-grey (#5f6f89) at every level — Essence via Slate’s native --fw-* color seam, Signature/Bespoke via the full control rule. What deepens with the level: Signature adds the square control shape + accent, branded buttons, type scale & tables · Bespoke adds per-surface polish.

Essence

Lean · Green · Portable

Color the native Slate chrome and protect accessibility. The fastest, most update-resilient brand — it rides Slate’s defaults where it can.

  • Yale color seam (tabs, alerts, inputs, links)
  • Yale fonts + logo
  • AA focus ring + high-contrast support
  • Brand type scale & component shapes
  • Per-surface refinements
Live render · Essence

Signature

Full brand identity

Everything in Essence, plus the brand’s component identity — branded buttons, form controls, accent color and links all carry Yale SOM.

  • Everything in Essence
  • Branded buttons (Yale blue, square)
  • Branded form controls (#5f6f89 border) + accent
  • Full link / CTA treatment
  • Per-surface refinements
Live render · Signature

Bespoke

What Yale ships today

Everything in Signature, plus every surface-specific refinement — reading rails, dialogs, login/account rails, header variants, review-page polish.

  • Everything in Signature
  • Sans table-header chrome + review severity
  • Content reading rails + dialog fixes
  • Login / account rail treatment
  • Header variants + mobile coordination
Live render · Bespoke (current Yale SOM)

Options (independent of the level)

These are Slate-native, per-form choices an editor can set at any tier — they don’t change which level you pick.

Field layout — Stacked

Label above the field. Best for long, prose-style question labels (Yale SOM’s house style).

Recommended default

Field layout — Table

Label in a left column beside the field. More compact; better for short labels and dense forms.

Per-form opt-in

Header treatment

Signature SOM header, or the center/Broad lockup variant for sub-brands. (Bespoke level.)

Bespoke

Accessibility

AA contrast, visible focus, keyboard parity, high-contrast and reduced-motion support — on at every level.

Always on