La Crème
Overview
Foundations
Controls
Navigation
Data display
Feedback

La Crème

The design system behind Crème Insurance's partner tools. One warm neutral surface, one accent, depth built entirely from light and shadow — raise, recess, and press instead of borders and flat cards.

Foundations

Elevation, color, radius, and type — the tokens everything else is built from.

4 groups

Controls

Buttons, fields, checkboxes, dropdowns, and the grid/list toggle.

5 components

Navigation

Sidebar nav, breadcrumbs, and pagination.

3 components

Data display

Avatars, badges, tables, cards, and the process tracker.

5 components

Feedback

Modals, toasts, and empty states.

3 components

Foundations

The base tokens: how surfaces gain depth, the palette, the radius scale, and the type scale.

Elevation — raise / recess / press
Base
flat surface, no shadow
Raised — .raised
cards, buttons
Raised small — .raised-sm
avatars, chips
Inset — .inset
trackers, search fields
Deboss (hover me)
table rows, dropdown items
Color
Surface
#E5E5E5
Ink strong
#23262B
Ink muted
#767B82
Ink faint
#A7ABB1
Border
#D5D8DB
Accent
#43637C
Accent tint
#E3E8EB
Radius scale
10px — --radius-s
14px — --radius-m
20px — --radius-l
Full
avatars, icon buttons
Typography
Page title — 36/700
Section title — 20/700
Body semibold — 14/600
Body regular, muted — 14/400
Eyebrow / label — 11/700 uppercase

Controls

Interactive input elements — every state derives from the same raise/recess language.

Buttons
Primary
Outline
Danger outline
Text field & checkbox
Search field
Dropdown
View toggle

Navigation

Wayfinding components — sidebar, breadcrumbs, pagination.

Sidebar nav item
Breadcrumb + page title
Crème Insurance / Claims queue

Claims queue

Pagination

Data display

How records, status, and structured content get shown.

Avatar & badges
EM
Avatar
Specialist review
Active status
Closed
Muted status
Table row (hover to see deboss)
ClientItemValueStage
RW
Whitfield, R.
Klimt study, oil on canvas
Fine art
$1,250,000Submitted
Entity card
RW
Whitfield, R.
Fine art
3 claims$5,215,000
View claims →
Process tracker
✓
Submitted
2
Specialist review
3
Underwriting
4
Settlement
5
Closed

Feedback

System responses to user actions — confirmations, toasts, and empty results.

Modal confirmation
Toast
✓Settlement confirmed for Whitfield, R.
Empty state
No claims match your filters
Try a different search term or reset your filters.
esc