Laurel · Evaluate
ProposedLight

Type

Page title · 24/32 · 600

Account alerts

Section · 20/28 · 600

Notification rules

Body · 15/22 · 400

Flows that miss their baseline for two consecutive sends are flagged for review.

Label · 14/20 · 500

Alert threshold

Table · 13/18 · 400

Welcome Series · 31.2% open rate · −18.4% vs baseline

Muted · 14/20 · 400

Detected 12 minutes ago by Priya Patel's workspace.

Helper · 14/20 · 400

Helper text sits at the 14px working size.

Link

A link in the foreground colour with a sage underline.

Buttons

variants × sizes
default
secondary
outline
ghost
destructive
link
hover ↴DefaultSecondaryDeleteforced, not a real :hover — for review without pointing at the page

Badges

4px radius in the proposal
DefaultSecondaryOutlineDestructiveSuccessWarningInfoError

Status colours

success is emerald, not brand sage
Success. Sync completed for 14 flows.
Success
Warning. Send volume is 22% below baseline.
Warning
Info. A new Klaviyo segment was detected.
Info
Error. Deliverability check failed for 2 domains.
Error
brand (primary) successside by side: brand sage must never read as “success”.

Form controls

Shown in Slack and email notifications.

Disabled: managed by the connection, not editable here.

40%

Card

Weekly summary
White card, hairline border, no shadow.
Alerts opened128
Median time to acknowledge14m

Chrome surface

Sidebars, toolbars, table headers and muted areas use the faint warm off-white (muted); the canvas stays pure white.

Palette

token · hex · contrast of its pairing (Aa on swatch); border, input and ring are measured against the canvas
Aa17.13:1
background
#FFFFFF
≥4.5
Aa17.13:1
card
#FFFFFF
≥4.5
Aa5.44:1
muted
#F5F6F4
≥4.5
Aa14.92:1
accent
#EEF0EC
≥4.5
Aa15.81:1
secondary
#F5F6F4
≥4.5
Aa8.55:1
primary
#2C5537
≥4.5
Aa5.62:1
success
#007951
≥4.5
Aa6.16:1
warning
#8B5500
≥4.5
Aa6.01:1
info
#0465AF
≥4.5
Aa6.55:1
destructive
#B02B27
≥4.5
Aa5.13:1
success-subtle
#E2FAEE
≥4.5
Aa5.62:1
warning-subtle
#FFF1D9
≥4.5
Aa5.44:1
info-subtle
#E7F5FF
≥4.5
Aa5.88:1
destructive-subtle
#FFEFEC
≥4.5
1.27:1
border
#E3E5E1
≥1.2
3.06:1
input
#92948F
≥3
8.55:1
ring
#2C5537
≥3

Ramps

OKLCH, hue locked per ramp
sage
50
100
200
300
400
500
600
700
800
900
950
neutral (850 is an extra dark-surface step)
50
100
200
300
400
500
600
700
800
850
900
950
ProposedDark

Type

Page title · 24/32 · 600

Account alerts

Section · 20/28 · 600

Notification rules

Body · 15/22 · 400

Flows that miss their baseline for two consecutive sends are flagged for review.

Label · 14/20 · 500

Alert threshold

Table · 13/18 · 400

Welcome Series · 31.2% open rate · −18.4% vs baseline

Muted · 14/20 · 400

Detected 12 minutes ago by Priya Patel's workspace.

Helper · 14/20 · 400

Helper text sits at the 14px working size.

Link

A link in the foreground colour with a sage underline.

Buttons

variants × sizes
default
secondary
outline
ghost
destructive
link
hover ↴DefaultSecondaryDeleteforced, not a real :hover — for review without pointing at the page

Badges

4px radius in the proposal
DefaultSecondaryOutlineDestructiveSuccessWarningInfoError

Status colours

success is emerald, not brand sage
Success. Sync completed for 14 flows.
Success
Warning. Send volume is 22% below baseline.
Warning
Info. A new Klaviyo segment was detected.
Info
Error. Deliverability check failed for 2 domains.
Error
brand (primary) successside by side: brand sage must never read as “success”.

Form controls

Shown in Slack and email notifications.

Disabled: managed by the connection, not editable here.

40%

Card

Weekly summary
White card, hairline border, no shadow.
Alerts opened128
Median time to acknowledge14m

Chrome surface

Sidebars, toolbars, table headers and muted areas use the faint warm off-white (muted); the canvas stays pure white.

Palette

token · hex · contrast of its pairing (Aa on swatch); border, input and ring are measured against the canvas
Aa16.10:1
background
#131412
≥4.5
Aa14.92:1
card
#1B1C1A
≥4.5
Aa6.10:1
muted
#20221F
≥4.5
Aa12.97:1
accent
#262825
≥4.5
Aa13.99:1
secondary
#20221F
≥4.5
Aa6.03:1
primary
#426C4D
≥4.5
Aa7.25:1
success
#46B68C
≥4.5
Aa8.44:1
warning
#E3A257
≥4.5
Aa7.48:1
info
#6DA9E7
≥4.5
Aa6.55:1
destructive
#E8796E
≥4.5
Aa5.87:1
success-subtle
#112D21
≥4.5
Aa6.70:1
warning-subtle
#37240E
≥4.5
Aa6.29:1
info-subtle
#142537
≥4.5
Aa5.38:1
destructive-subtle
#381F1C
≥4.5
1.33:1
border
#2B2C2A
≥1.2
3.05:1
input
#61635D
≥3
3.06:1
ring
#426C4D
≥3

Ramps

OKLCH, hue locked per ramp
sage
50
100
200
300
400
500
600
700
800
900
950
neutral (850 is an extra dark-surface step)
50
100
200
300
400
500
600
700
800
850
900
950