Cancel
{{ hr2.label }}
{{ wordmark }}
{{ userInitials }}
{{ userInitials }}
{{ userName }}
{{ userEmail }}
Profile
Switch theme
Sign out
{{ wordmark }}
The System
Foundations
{{ wsInitial }}
{{ wsOwner }}
{{ wsRole }}
YOUR WORKSPACES
K
{{ wsName }}
Owner
Create workspace
{{ hdrTitle }}
Ctrl K
{{ hr.label }}
Section
EVACOR APPS
{{ ha.short }}
Opening an app previews it in the shared shell.
{{ userInitials }}
{{ userInitials }}
{{ userName }}
{{ userEmail }}
Profile
Switch theme
Sign out
{{ heroGreeting }}, Jubeda
Welcome to the Evacor Design System — tokens, components and screen patterns for Evacor products.
v2 · 3 themes
{{ hk.label }}
{{ hk.value }}
{{ hk.meta }}
{{ hk.trend }}
Handoff: tokens.css
Token reference
Principles
{{ p.num }}
{{ p.label }}
{{ p.rule }}
{{ p.body }}
Color tokens
Click to copy · {{ modeWord }} values
{{ g.label }}
{{ g.note }}
{{ sw.name }}
{{ sw.hex }}
Indicator colors in use
6 tokens · 7 treatments
{{ iu.name }}
{{ v.text }}
Typography
Inter Display · weights 400 and 500 only
{{ t.role }}
{{ t.spec }}
{{ t.sample }}
FAMILY
'Inter Display', 'Inter', sans-serif
Fallback: Inter.
TRACKING
44px and above
-0.035em
20 to 28px
-0.02em
13 to 16px
-0.01em
11px labels
+0.12em caps
RULES
Weight 500 is the ceiling. Numerals in tables and money use tabular-nums. Headings get text-wrap: balance, body copy text-wrap: pretty. Page titles are fluid: clamp(28px, 4.2vw, 44px).
Components
BUTTONS
Primary
Secondary
Ghost
Radius 3. Primary: filled. Secondary: border only. No shadows. Press: scale(.97), 160ms.
INPUTS
Disabled
Rest: bd-input on subtle. Focus: border t1 on surface. Radius 3, padding 12/14.
STATUS VARIANTS
{{ sv.chip }}
{{ sv.name }}
Default: glass pill.
PILLS & BADGE
Neutral
Emphasis
Count badge
TOGGLE
{{ td.name }}
42×24 track, 18px knob, radius 3.
NAV ROW
{{ nd.label }}
Active: fill1 background, 3px left bar scaling in, text to t1 and weight 500.
TAB INDICATOR
{{ tb.label }}
Underline bar moves on --spring.
DROPDOWN
{{ selected }}
{{ mi.label }}
Trigger matches the input. Menu is bd-active edged, offset 5px, one shadow, checkmark on the current value.
LIST ROW
{{ li.mark }}
{{ li.name }}
{{ li.meta }}
{{ li.pill }}
12px vertical padding, 1px fill3 divider, none on the last row. Selected row takes fill1 and loses its divider.
CHECKBOX & RADIO
{{ cd.label }}
{{ rd.label }}
Checkbox 16px radius 3. Radio is the only round control besides avatars and dots.
POPUP
Open dialog
Fire toast
Tooltip, 13px, t1 fill, 8px offset
Dialog: 440px, scrim rgba(0,0,0,.32), rises 10px on --dur-3. Escape and scrim both close. Toast bottom-centre, 3s.
ICONS
{{ ic.svg }}
{{ ir.k }}
{{ ir.v }}
Interactions
Transform, opacity and filter only.
{{ c.token }}
{{ c.value }}
{{ c.use }}
{{ d.token }}
{{ d.value }}
{{ d.use }}
WHAT MOVES
{{ m.name }}
{{ m.spec }}
NEVER
{{ n.text }}
App shell
1
2
3
4
5
6
7
8
9
{{ sp.num }}
{{ sp.name }}
{{ sp.spec }}
Product family
{{ ft.label }}
{{ famWordmark }}
WORKSPACE
{{ fn.label }}
{{ wsInitial }}
{{ wsOwner }}
{{ wsRole }}
{{ famTitle }}
Search anything...
Ctrl K
{{ userInitials }}
EVACOR APPS
{{ fa.short }}
Good morning, Khaled
{{ famSub }}
{{ famLive }}
{{ fk.altLabel }}
{{ fk.head }}
{{ fk.tail }}
{{ fk.meta }}
{{ fk.trend }}
{{ famCta }}
{{ fx.label }}
{{ fr.name }}
{{ fr.meta }}
{{ fr.status }}
SAME IN EVERY APP
{{ fl.name }}
{{ fl.spec }}
SET PER APP
{{ fo.name }}
{{ fo.spec }}
Screen archetypes
{{ a.label }}
{{ archNote }}
Good morning, User Name
No bookings yet, share your link to start taking meetings.
2 events live
{{ k.value }}
{{ k.label }}
{{ k.trend }}
{{ k.meta }}
New event type
View bookings
{{ chartTitle }}
{{ cg.title }}
{{ cv.label }}
{{ barTotal }}
{{ barDelta }}
vs previous 14 days
{{ ba.text }}
{{ b.label }}
{{ bd.text }}
{{ al.text }}
{{ lp.value }}
{{ lp.value }}
{{ dl }}
{{ al.text }}
{{ lp.value }}
{{ dl }}
{{ gaugePct }}%
{{ gs.value }}
{{ gs.label }}
{{ gs.text }}
{{ gl }}
{{ donutTotal }}
RECORDS
{{ ds.label }}
{{ ds.pct }}
{{ ds.count }}
Needs attention
{{ a.name }}
{{ a.meta }}
{{ a.pill }}
{{ li.mark }}
{{ li.name }}
{{ li.meta }}
{{ li.pill }}
{{ detail.name }}
{{ detail.meta }}
Edit
Approve
{{ fd.label }}
{{ fd.value }}
ACTIVITY
{{ ac.text }}
{{ ac.when }}
All records
642 rows · 8 columns
Month
Week
VIEW
{{ v.label }}
Columns
−
{{ gridCols }}
+
COLUMNS
Edit columns
Reset columns
DATA
Export CSV
{{ tableEditHint }}
{{ c.label }}
{{ tr.name }}
{{ tr.ownerInitials }}
{{ tr.owner }}
{{ tr.updated }}
{{ tr.value }}
{{ tr.status }}
{{ k.status }}
{{ k.count }}
{{ card.name }}
{{ card.initials }}
{{ card.owner }}
{{ card.value }}
{{ card.name }}
{{ card.updated }}
{{ card.status }}
{{ card.initials }}
{{ card.owner }}
{{ card.value }}
{{ calLabel }}
{{ d }}
{{ cell.day }}
{{ it.name }}
Scheduled
{{ calSelLabel }}
No records on this day.
{{ si.name }}
Updated {{ si.updated }}
{{ si.status }}
{{ si.initials }}
{{ si.owner }}
{{ si.value }}
{{ cell.label }}
{{ it.initials }}
{{ it.name }}
No records
RM
Rania Mansour
Operations lead · Joined Mar 2024
Active
{{ rf.label }}
{{ rf.value }}
ACTIONS
Assign task
Send message
View history
LINKED IN
evaple
evacal
evatok
evaleg
{{ sn.label }}
Workspace
{{ sr.name }}
{{ sr.help }}
{{ wordmark }}
One workspace for every Evacor product.
Calendar, Billing, People and Drive — one sign-in, one shell.
★★★★★
“We moved scheduling, invoicing and our team directory onto Evacor in a week. Everything finally feels like one product.”
NP
Nadia Park
Head of Operations, Halcyon
{{ authTitle }}
Remember me
Forgot password
{{ authCta }}
or
{{ authGoogle }}
{{ authSwitchText }} {{ authSwitchCta }}
Nothing here yet
Records you create appear in this list.
Create the first one
No results
No records match these filters. Clear them and try again.
Clear filters
Something went wrong
We could not load this panel. Your data is safe.
Try again
Using the system
{{ st.num }}
{{ st.title }}
{{ st.body }}
A PRODUCT MAY CHOOSE
{{ mc.text }}
A PRODUCT MAY NEVER
{{ mn.text }}
Delete this view?
The view is removed for everyone in the workspace. Records are not affected.
Cancel
Delete
Sign out?
You will need to sign in again to access your workspace.
Cancel
Sign out
View deleted