Deel — Steps / How-it-works
'Accomplish more in less time' section with a pill tab row (Deel Payroll/HR/IT/Hire) above a three-column Today / Hours later / Tomorrow timeline of soft-blue step cards.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/deel-tabbed-today-hours-later-tomorrow-speed-timeline.
Measured spec
| Scheme | dark |
| Background | #1B1B1B |
| Text | #F3F3EF |
| Contrast | 15.48 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.565 |
| Measured size | 1600×837 px |
Palette
#FFFFFF#5A2EE5#EDEAFE#111111
Fonts
BagossCondensedFontInter
Page types
Detail
UX patterns
Filter & Sorting
UI elements
TabsCard
Context
- Parent page: Deel global payroll platform landing page with split violet hero and product-tile bento grid
- All of Deel
Other sections on this page
- Hero — Split violet hero with floating payroll chips
- Logo Wall — Trusted-by customer logo strip
- Bento Grid — Six-tile product bento (Payroll/HR/IT/Benefits/Hire/Mobility)
- Feature — Dark immersive workforce section with currency stack
- Testimonial / Social Proof — Video customer reviews carousel (Revolut)
- Stats / Metrics — Giant-number outcomes band
- Testimonial / Social Proof — Dark four-up written review cards with rating
- Footer — Dark mega-footer with newsletter and link columns