@ilogex/theme

iLogEx Design System

One source of truth for colour, type, space, radius and shadow — shared across web (Tailwind) and mobile (NativeWind). Edit a token in packages/theme and both platforms follow.

Color — primitives

The raw brand ramps. Change a hex in tokens/colors.ts and everything follows.

green

50
#E6F4EF
100
#C3E6D9
200
#90CFB6
300
#55B591
400
#1E9B6F
500
#0A845B
600
#047650
700
#045F42
800
#053D2D
900
#042A1F
950
#021A13

neutral

50
#F8F8F8
100
#F3F3F3
200
#EBEBEB
300
#D9D9D9
400
#A8A8AC
500
#838388
600
#58585B
700
#444444
800
#2F2F2F
900
#161616
950
#0B0B0B

amber

50
#FEFCE8
100
#FEF9C3
200
#FEF08A
300
#FDE047
400
#FACC15
500
#EAB308
600
#CA8A04
700
#A16207
800
#854D0E
900
#713F12
950
#422006

red

50
#FEF2F2
100
#FDE3E3
200
#FACACA
300
#F5A3A3
400
#EC6F6F
500
#DA2525
600
#D03433
700
#B42121
800
#911B1B
900
#7A1A1A
950
#450A0A

blue

50
#EFF4FF
100
#C5DBFB
200
#A8C6F8
300
#7AA6F4
400
#4F84FF
500
#1737FF
600
#0E2BDB
700
#0C23AE
800
#0F2389
900
#11236E
950
#0A1442

orange

50
#FFF7ED
100
#FFEAD0
200
#FFD09A
300
#FFAA33
400
#FB9418
500
#EF7C0A
600
#D9620A
700
#B44A0E
800
#923C12
900
#783412
950
#411A06

Color — semantic

Use-based roles that theme light/dark. Components only use these.

canvas
surface
surface-muted
inverse
brand
brand-soft
accent
success
warning
danger
info
line

Typography

Regesto Grotesk across every text role.

largeText1The quick brown fox
largeText2The quick brown fox
h1The quick brown fox
h2The quick brown fox
h3The quick brown fox
h4The quick brown fox
h5The quick brown fox
h6The quick brown fox
bodyLgThe quick brown fox
bodyMdThe quick brown fox
bodySmThe quick brown fox
labelThe quick brown fox
captionThe quick brown fox
overlineThe quick brown fox
monoThe quick brown fox

Buttons

Variants × sizes. Built on semantic classes only.

Order-status badges

Wired to the canonical order state machine.

DraftQuotedScheduledAuthorizedFinding driverAssignedAt pickupCollectedIn transitAt dropoffDeliveredSettledClosedCancelledFailedDisputed
Custom infoCustom successCustom danger

Components — sample

A delivery card assembled from primitives + tokens.

Order #A1042

Truck delivery · 2 helpers

In transit

📍 1200 Rue Notre-Dame O → 3500 Boul. Saint-Laurent

12.4 km · ~38 min

$148.50

Weekly earnings

$1,284.00

Available to pay out Monday

Radius & elevation

From tokens/radius.ts and tokens/shadow.ts.

none

sm

md

lg

xl

2xl

3xl

full

elevation.sm

elevation.md

elevation.lg

elevation.xl