StagingDesign tokens
The colours, type and motion every Orveen screen is built from.
API status
Checking…
- Address
- orveen-api-staging.onrender.com
Staging sleeps when nobody uses it, so the first check can take about a minute.
Colours
Brand
--brand-black#130600
--brand-dark#1B0B03
--brand-dark-2#24150D
--brand-ember#521E04
--brand-orange#FF5300
--brand-orange-ui#F05409
--brand-orange-2#FA5D12
--brand-peach-mid#F69567
--brand-peach#FBC4AC
--white#FFFFFF
--ink-top#2B1B12
--metal-top#FFFFFF
--metal-bottom#DCD8D5
Surfaces · Light
--bg-canvas#F1E5DF
--bg-panel#FFFAF7
--bg-panel-glow#FFF3F3
--bg-card#FFFBFA
--bg-sidebar#FFFFFF
--bg-chip#F5EFEE
--bg-input#EFEFEF
--borderrgba(27,11,3,.07)
--text-primary#1B0B03
Text and status
--text-muted#A49A95
--text-secondary#8E8A8A
--positive#F05409
--negative#FF3C3C
--ai#E40296
--success#1F9D55
Type scale
display32/40 · 500
Hi, Rahim! Here's today's ordersহাই, রহিম! আজকের অর্ডারগুলো দেখুন
kpi30/36 · 400
Hi, Rahim! Here's today's ordersহাই, রহিম! আজকের অর্ডারগুলো দেখুন
h124/32 · 500
Hi, Rahim! Here's today's ordersহাই, রহিম! আজকের অর্ডারগুলো দেখুন
h218/26 · 600
Hi, Rahim! Here's today's ordersহাই, রহিম! আজকের অর্ডারগুলো দেখুন
h316/24 · 500
Hi, Rahim! Here's today's ordersহাই, রহিম! আজকের অর্ডারগুলো দেখুন
body14/20 · 400
Hi, Rahim! Here's today's ordersহাই, রহিম! আজকের অর্ডারগুলো দেখুন
caption13/18 · 400
Hi, Rahim! Here's today's ordersহাই, রহিম! আজকের অর্ডারগুলো দেখুন
label12/16 · 400
Hi, Rahim! Here's today's ordersহাই, রহিম! আজকের অর্ডারগুলো দেখুন
small12/16 · 500
Hi, Rahim! Here's today's ordersহাই, রহিম! আজকের অর্ডারগুলো দেখুন
Buttons and corners
View all
Card · 20px
Button · 12px
Menu · 14px
App tile · 24px
Chip · 999px
Motion
Popover
Order #1042 · Dhaka
Order #1043 · Chattogram
Order #1044 · Sylhet
List
- Order #1042 · Dhaka
- Order #1043 · Chattogram
- Order #1044 · Sylhet
- Order #1045 · Khulna