Brand kit — OnyxDine · Onyx Enterprises

Logos

The mark

A hexagonal gem cut into six facets — violet, fuchsia, amber, teal, azure, rose, clockwise from the top — around an open hexagonal O. The facet order never changes. The centre is always the background colour, never filled.

Mark · on white

Mark · on ink

Mark · transparent PNG / SVG

OnyxDine · stacked

OnyxDine · stacked, on ink

OnyxDine · horizontal

OnyxDine lockup

Mark + "OnyxDine" in Inter Bold, tight tracking, + "BY ONYX ENTERPRISES" in Inter SemiBold, tracked caps. Use horizontal by default, stacked when width is tight, mark alone once the name is already on the page.

Onyx Enterprises

Same mark, wordmark reads "Onyx Enterprises" (or "Onyx" in nav). No tagline line. Used on the corporate site, legal pages, invoices ("Canadian office") and letterhead.

Clear space

Leave space equal to the height of the mark's inner O on all sides. Nothing enters that zone — not text, not a photo edge.

Minimum size

Mark: 16 px on screen, 6 mm in print. Horizontal lockup: 120 px / 32 mm. Below that, use the mark only.

Backgrounds

White, paper (#F5F7FA) or ink (#0B0E14) only. On photography, put the mark on a solid panel. Never on a colour that matches a facet.

Colour

Six facets, two neutrals, one primary

The six facet colours are the brand. They live on the mark, the colour strip and — sparingly — as status colours in the product. Everything else is ink and paper. Violet is the one facet promoted to a UI primary.

Violet#7C3AED · primary actions, links

Fuchsia#DB2777 · accent, badges, eyebrows

Amber#F59E0B · warning, low stock

Teal#0D9488 · success, paid, ready

Azure#2563EB · info, new

Rose#E11D48 · error, late, 86'd

Ink#0B0E14 · text, sidebar, dark surfaces

Paper#F5F7FA · page background

Paper 2#E7EBF2 · borders, panels

Stone#5B6472 · secondary text

Ratios

Marketing: paper 55 · ink 25 · violet 8 · facets (strip + mark) 12.
Product: paper/white 80 · ink 12 (sidebar) · violet 4 · status colours 4.

Soft tints (for status backgrounds)

violet #EDE4FD fuchsia #FCE3EF amber #FEF0D6 teal #D8F1EC azure #DEE7FC rose #FCE0E6

Print: Violet ≈ Pantone 2593 C · Fuchsia ≈ 214 C · Amber ≈ 137 C · Teal ≈ 3282 C · Azure ≈ 2935 C · Rose ≈ 192 C · Ink: rich black C60 M40 Y40 K100.

Typography

Google Sans Flex + Inter

Both open-licence on Google Fonts. Google Sans Flex for headlines, numbers and anything with presence; Inter for UI text, body, labels and the wordmark. Never Fraunces, Newsreader or a serif — earlier drafts used them; they're retired.

GOOGLE SANS FLEX · 400 / 500 · tracking −0.02em

Your restaurant,
run by one platform.

H1 48–84 px · H2 28–42 px · KPI numbers 26–40 px. Weight 500 max on headings; 600 only for short labels.

INTER · 400 / 500 / 600 / 700

OnyxDine brings point-of-sale, QR table ordering, kitchen display, inventory, staff and reporting into one system. Plans start at CAD $99 per month with a 14-day free trial and no contract.

Use	Spec
Body	Inter 400 · 16–18 px · line-height 1.6
UI text	Inter 400/500 · 13–14 px
Buttons, labels	Inter 600 · 13–15 px
Wordmark	Inter 700 · tracking −0.03em
Eyebrow	Inter 700 · 12 px · caps · tracking +0.06em · fuchsia

Jet

The assistant

Jet — AI assistant

Named for jet, the black gemstone (jet-black), and for speed. One syllable in English and French. Always "Jet", never "Jet AI" in running text; "Jet AI assistant" only as the add-on's product name.

How Jet speaks

Short, helpful, never chatty. Suggests, doesn't push. Refers to itself as Jet. Says "I don't know that — a person can help" rather than guessing. Avatar: the six-colour gradient orb (above); never a face, never a robot icon.

App icons

Seven apps, one family

White tile, full-colour mark, role glyph in the app's colour inside the mark, app name in Inter SemiBold, colour band at the foot. Stores round the corners.

Manager violet · Waiter fuchsia · POS amber · Kitchen rose · Delivery teal · Kiosk azure · Display sky (#0EA5E9, the one colour outside the facet set — used only here).

Product UI

Dashboard theme tokens

Light shell, one dark anchor (the sidebar), violet for actions, facet colours as semantic status. Kitchen display and Counter POS use the dark variant (ink surfaces) because they run in low light. See the full mockup →

Token	Value	Use
--paper	#F5F7FA	App background
--surface	#FFFFFF	Cards, tables, modals
--ink	#0B0E14	Sidebar, primary text, KDS/POS surfaces
--line	#E7EBF2	Borders, dividers
--primary / -soft	#7C3AED / #EDE4FD	Buttons, active nav, links
--accent / -soft	#DB2777 / #FCE3EF	Count badges only
--ok / --warn / --err / --info	#0D9488 / #F59E0B / #E11D48 / #2563EB	Status pills, each with its soft tint
Radius	12 px cards · 8 px controls · 999 px pills
Shadow	0 1px 2px rgba(11,14,20,.04), 0 8px 24px rgba(11,14,20,.05)	Cards only
Fonts	Google Sans Flex (headings, KPI numbers) · Inter (everything else)

Voice

Short sentences. Plain verbs. One idea per line.

Cut once. Set right.

Primary tagline — company and product.

Your restaurant, run by one platform you actually control.

Website hero.

Agreed before it starts. · Few clients. Full attention.

Proposals, onboarding, about page.

Sounds like us

Here's the scope, the cost, and what isn't included.
Live in under an hour.
You won't lose your data. Ever.

Doesn't

Unlock next-level, world-class solutions.
We're passionate about excellence.
Two adjectives before one noun.

French: every guest-facing line ships in FR too. Keep the same rhythm; don't translate the tagline literally — brief a native copywriter with "one cut, done right".

Rules

Do / don't

Do

Keep the six facets in fixed order and exact hex.
Use the mark on white, paper or ink only.
Let ink and paper carry 80% of any layout.
Use violet for one primary action per screen.
Use facet colours as status colours only with their soft tints.
Set the wordmark in Inter Bold; nothing else.

Don't

Recolour, rotate, outline, or add gradients/shadows to the mark.
Fill the centre of the mark (except app icons, where the role glyph sits inside).
Use more than one facet colour in running text or UI chrome.
Put the full-colour mark on a photo or a coloured background.
Use serifs, all-caps taglines, or exclamation marks.
Rename Jet, give it a face, or call it "the AI".

Downloads

Assets

Logos

Mark (white / ink / transparent), stacked and horizontal lockups, SVG source.

SVG Mark PNG Horizontal Stacked

App icons

1024 (App Store) and 512 (Play Store) for all seven apps, plus previews.

app-icons/

Templates

Email header, notification email, invoice email, invoice PDF (Dompdf), A4 letterhead, with filled samples.

brand-templates/ Invoice sample

Web

Favicons, manifest, Open Graph image, dashboard theme mockup.

assets/ OG image Dashboard theme