Chasdei Lev

Design system

A refresh of the Chasdei Lev brand for the new office CRM, rebbi & school portal, and payment pages. Warm, confident and plain-spoken — built for people who use it all day.

Draft for approval

Screens

Realistic previews using invented sample data.

Office · Person 360

Everything about one rebbi on one page — orders, plans, cards, shorts, activity. Charge, credit and plan actions up top.

Portal · Sign in

School, last name and phone, then a code by text, call or email. Password optional.

Color

Orange is reserved for the single primary action on a screen. Everything else is warm neutral.

Brand
  • CL Orange
    #DA4A1C · primary action
  • Orange hover
    #C23F15
  • Orange tint
    #FBE9E2 · selection, active tabs
  • Amber
    #F1991F · highlights only
Neutrals
  • Ink
    #1B1816 · text
  • Ink 3
    #78706A · secondary text
  • Line
    #E8E3DD · borders
  • Paper
    #F8F6F2 · app background
Status
  • OK
    #2E7148
  • Warning
    #9A6412
  • Problem
    #B8322A
  • Info
    #2D5C86

Type

Schibsted Grotesk for the product; Newsreader for portal and public headlines. Swappable for Founders Grotesk / Monarcha if CL holds web licenses.

Chag sameach, Rabbi Adler.
Your Succos order is ready for pickup.
Newsreader · portal & public pages
Payment plans
3 installments failed this week
Retries run at 9:00 AM and skip Shabbos and Yom Tov.
Schibsted Grotesk · office app, 14px base
$12,840.75

Controls

Buttons

Status

PaidPlan · 2/4RetryingFailedRebbiNon-rebbi

Form

Principles

  1. One primary action per screen.
    It's the only orange thing. Everything else is secondary.
  2. Money is exact and aligned.
    Tabular figures, cents stored as integers, signs shown for credits.
  3. Status is words plus color.
    Never color alone — the office prints and screenshots a lot.
  4. Dense in the office, calm in the portal.
    Staff scan tables all day; rebbeim visit a few times a season.
  5. No decoration for its own sake.
    No gradients in the app, no emoji, no stock illustrations.
  6. Every action says what it will do.
    "Charge $57.38 to Visa •• 4652", not "Submit".