gravitorix.com ./orix-design-systems

Six products, one family

Each Orix product has its own palette, display typeface, shape, button style, icon style, motif, voice and page layout, chosen for its industry. They share an 8px grid, IBM Plex Sans for body text, JetBrains Mono for labels, the ring-and-satellite mark, and the Gravitorix endorsement.

Shared foundation

Grid

8px base: 8, 16, 24, 32, 48, 64, 96. Content width 1180px with 40px gutters (24px on tablet, 16px on phone).

Body and labels

IBM Plex Sans 16/1.6 for body. JetBrains Mono 11–12px in capitals with +0.12em tracking for eyebrows and labels.

Mark

A rounded square in the product's primary colour, with a ring and an accent satellite taken from the Gravitorix orbit.

Section library

Every section exists in several variants (six heroes, six feature layouts, six story layouts). Each product composes its own page from them.

Motion

Fade and 16px rise, 240ms, cubic-bezier(.2,.8,.2,1). No bounce. Reduced-motion is respected.

UI slots

Desktop 1440×900, tablet 1280×960, phone 390×844, portrait 1000×1250. Each slot names the file it expects.

OrixHRBY GRAVITORIX

Attendance and HR

Precise, calm, compliance-first. Feels like a well-run office: ordered, quiet, nothing left to chance.

Open the OrixHR page

Colour

primary#4338CA
primaryHover#3730A3
onPrimary#FFFFFF
accent#0B7F58
onAccent#FFFFFF
ink#16153A
body#555A75
muted#767A95
bg#FFFFFF
surface#F5F5FB
line#E3E3F0
band#16153A
bandInk#FFFFFF
bandBody#C9C8E6
bandAccent#A5A1FF
  • primary Indigo — actions, links, focus
  • accent Present green — check-ins, approvals, "on time"
  • band Night shift — contrast sections

Display type

Aa

Manrope · 700 · tracking -0.025em

Attendance that settles payroll by itself.

Body and UI text is IBM Plex Sans across the whole family. Labels use JetBrains Mono, set in capitals with wide tracking.

Shape and icons

small 10pxcard 20pxbutton pill

Material Symbols · outlined · weight 400

Components

Book a demoSee features
  • eSSL and ZKTeco devices
  • Tally
  • WhatsApp Business

Attendance capture

Face recognition with liveness check, fingerprint devices, RFID and geofenced mobile check-in.

Motif

A clock-face of hour ticks and a shift grid. References the punch clock without drawing one.

Page layout

  1. hero · center
  2. segments · marquee
  3. features · bento
  4. problems · cards
  5. spotlights · tabs
  6. flow · calendar
  7. india · band
  8. pricing
  9. includes · grid
  10. faq · center
  11. cta · card

Voice

Exact · Reassuring · Plain about the law

SAYPayroll runs on the 28th. PF, ESI and PT are already calculated.

NEVERRevolutionise your HR with a seamless people platform!

OrixStayBY GRAVITORIX

Hotel management

Gracious, unhurried, a little luxurious. The front desk of a good hotel: warm light, brass and quiet confidence.

Open the OrixStay page

Colour

primary#6E2637
primaryHover#581D2B
onPrimary#FFFFFF
accent#946626
onAccent#FFFFFF
ink#2A1A1F
body#6B5C5F
muted#857770
bg#FBF7F1
surface#F3ECE1
line#E6DCCD
band#2A1A1F
bandInk#FBF7F1
bandBody#E3D6CB
bandAccent#D9AE6A
  • primary Wine — actions, booking buttons
  • accent Brass — details, rules, highlights
  • band Lobby at night — contrast sections

Display type

Aa

Fraunces · 500 · tracking -0.015em

Every room, every channel, one calendar.

Body and UI text is IBM Plex Sans across the whole family. Labels use JetBrains Mono, set in capitals with wide tracking.

Shape and icons

small 8pxcard 16pxbutton pill

Material Symbols · outlined · weight 400

Components

Book a demoSee features
  • MakeMyTrip and Goibibo
  • Booking.com
  • Agoda

Front desk

Reservations, walk-ins, group bookings, room moves, early check-in and late checkout.

Motif

Nested arches, the doorway of a heritage property. Thin brass strokes, never filled.

Page layout

  1. hero · arch
  2. segments · diamonds
  3. problems · editorial
  4. spotlights · editorial
  5. features · amenities
  6. flow · journey
  7. apps · row
  8. pricing
  9. india · split
  10. includes · strip
  11. faq · split
  12. cta · band

Voice

Gracious · Assured · Guest-first

SAYEvery room, every channel, one calendar. No more double bookings at check-in.

NEVERThe ultimate world-class hotel solution to supercharge revenue!

OrixDineBY GRAVITORIX

Restaurant ordering and POS

Quick, warm, appetising. The pass during Friday dinner rush: loud colour, chunky shapes, zero ambiguity.

Open the OrixDine page

Colour

primary#C7361E
primaryHover#A92C17
onPrimary#FFFFFF
accent#F2A516
onAccent#231A15
ink#231A15
body#6B5A50
muted#8A7769
bg#FFFAF3
surface#FFF0DE
line#F0DFC8
band#231A15
bandInk#FFFAF3
bandBody#EADBCB
bandAccent#FFB938
  • primary Tomato — actions, "new order"
  • accent Saffron — highlights, "ready" states (dark text on it)
  • band Kitchen at close — contrast sections

Display type

Aa

Bricolage Grotesque · 800 · tracking -0.03em

Every order, one screen, no lost tickets.

Body and UI text is IBM Plex Sans across the whole family. Labels use JetBrains Mono, set in capitals with wide tracking.

Shape and icons

small 14pxcard 28pxbutton 16px

Material Symbols · filled · weight 400

Components

Book a demoSee features
  • Swiggy
  • Zomato
  • Razorpay

Billing and POS

Fast billing, split bills, discounts with reasons, and UPI QR on every bill.

Motif

The perforated edge of a KOT slip. Used on section joins and cards — never as a pattern fill.

Page layout

  1. hero · collage
  2. segments · ticker
  3. features · menu
  4. problems · tickets
  5. spotlights · panels
  6. flow · clock
  7. apps · cards
  8. pricing
  9. india · split
  10. includes · grid
  11. faq · center
  12. cta · card

Voice

Quick · Friendly · Kitchen-literate

SAYDine-in, Swiggy and Zomato orders land on one screen. The KOT prints itself.

NEVERA game-changing, one-stop shop for all your restaurant needs!

OrixCareBY GRAVITORIX

Hospital management

Clinical, calm, trustworthy. High contrast and generous spacing, because people read this tired and in a hurry.

Open the OrixCare page

Colour

primary#0B7A83
primaryHover#09646B
onPrimary#FFFFFF
accent#23845A
onAccent#FFFFFF
ink#0D2B36
body#4E6670
muted#6C838B
bg#FFFFFF
surface#F1F8F9
line#DCEBEE
band#0D2B36
bandInk#FFFFFF
bandBody#C3DADF
bandAccent#5FD0D6
  • primary Clinical teal — actions, links
  • accent Recovery green — stable states, confirmations
  • band Night ward — contrast sections

Display type

Aa

Plus Jakarta Sans · 700 · tracking -0.025em

One patient record, from registration to discharge.

Body and UI text is IBM Plex Sans across the whole family. Labels use JetBrains Mono, set in capitals with wide tracking.

Shape and icons

small 12pxcard 22pxbutton 12px

Material Symbols · outlined · weight 400

Components

Book a demoSee features
  • ABDM gateway
  • Lab analysers (HL7 / ASTM)
  • PACS (DICOM)

Registration and appointments

UHID, ABHA linking, online booking and OPD token queues.

Motif

A single ECG trace crossing the empty half of the layout. One beat, never a busy waveform.

Page layout

  1. hero · soft
  2. segments · pills
  3. problems · columns
  4. features · hub
  5. spotlights · sticky
  6. flow · stepper
  7. apps · cards
  8. india · cards
  9. pricing
  10. includes · strip
  11. faq · split
  12. cta · card

Voice

Reassuring · Exact · Never alarmist

SAYThe patient registers once. Every department sees the same record.

NEVERCutting-edge AI that guarantees better patient outcomes!

OrixEduBY GRAVITORIX

School management

Friendly, structured, optimistic. A well-kept classroom: chalkboard green, sunflower yellow, ruled-paper calm.

Open the OrixEdu page

Colour

primary#1F5C45
primaryHover#174A37
onPrimary#FFFFFF
accent#F2B705
onAccent#1B2A24
ink#1B2A24
body#56645E
muted#717D76
bg#FCFBF6
surface#F4F1E4
line#E5E0CC
band#1B3A2F
bandInk#FCFBF6
bandBody#CFE0D6
bandAccent#F7CD3F
  • primary Chalkboard green — actions, links
  • accent Sunflower — highlights, badges (dark text on it)
  • band Blackboard — contrast sections

Display type

Aa

Lexend · 600 · tracking -0.02em

The school office, the classroom and parents, on one app.

Body and UI text is IBM Plex Sans across the whole family. Labels use JetBrains Mono, set in capitals with wide tracking.

Shape and icons

small 14pxcard 24pxbutton pill

Material Symbols · filled · weight 400

Components

Book a demoSee features
  • Razorpay and PayU
  • WhatsApp Business
  • SMS gateways

Admissions

Enquiries, online forms, entrance tests and admission fee collection.

Motif

Ruled notebook lines with a margin rule. Quiet texture behind heroes and empty panels.

Page layout

  1. hero · tabs
  2. segments · board
  3. problems · table
  4. features · roles
  5. spotlights · notebook
  6. flow · months
  7. india · split
  8. pricing
  9. includes · grid
  10. faq · center
  11. cta · card

Voice

Warm · Clear · Parent-friendly

SAYFees, attendance and homework, in one app parents actually open.

NEVERUnlock the future of education with our revolutionary ERP!

OrixFitBY GRAVITORIX

Gym and studio management

Bold, kinetic, dark-first. The gym floor at 6am: black rubber, volt green, condensed type that shouts once, soft rounded hardware.

Open the OrixFit page

Colour

primary#C8F23C
primaryHover#B4DD2A
onPrimary#0E0F12
accent#FF5B1F
onAccent#0E0F12
ink#F4F5F0
body#A3A8B3
muted#6E7380
bg#0E0F12
surface#16181D
line#2A2D35
band#C8F23C
bandInk#0E0F12
bandBody#2B3311
bandAccent#0E0F12
  • primary Volt — actions, live states (dark text on it)
  • accent Burn orange — streaks, alerts
  • band Volt band — contrast sections invert to light

Display type

Aa

Archivo · 800 · tracking -0.01em · uppercase · width 72%

More renewals. Fewer walk-ins on expired plans.

Body and UI text is IBM Plex Sans across the whole family. Labels use JetBrains Mono, set in capitals with wide tracking.

Shape and icons

small 12pxcard 24pxbutton pill

Material Symbols · filled · weight 400

Components

Book a demoSee features
  • eSSL and ZKTeco devices
  • Turnstiles and door locks
  • Razorpay

Memberships and plans

Monthly, quarterly and annual plans, add-ons, freezes and transfers.

Motif

Diagonal hazard stripes at 30°, cropped into one corner. Track-line energy, not decoration.

Page layout

  1. hero · mega
  2. segments · marquee
  3. problems · scoreboard
  4. features · carousel
  5. spotlights · numbered
  6. flow · track
  7. apps · cards
  8. pricing
  9. india · split
  10. includes · strip
  11. faq · split
  12. cta · band

Voice

Direct · Motivating · Numbers-first

SAYExpired members can’t walk in. Renewals go out on WhatsApp before they lapse.

NEVERCrush your goals with the most insane gym software ever!!!