SYNK Design System v1
The single source of truth for every Royal Care Group tool — one palette, one font set, one button/card/table — so tools blend cleanly into GOATSYNK. Unlisted & noindex while we refine it.
★ High-end direction — same page, 3 styles
Studied the world's most-respected sites (Stripe, Linear, Vercel, Apple). Their whole trick: say one thing, use one accent, and give it room to breathe. Below is the exact same page (same nav, headline, 3 tools, stat, button) rendered three ways — so the only difference you're judging is the styling.
- Same content in all three — only spacing, type, accent & shape change
- A — calm & spacious (gold accent, centred, lots of air)
- B — product-forward (cyan accent, left-aligned, tighter)
- C — editorial/premium (Lora serif, big, minimal, underlined rows)
The SYNK ecosystem
Tools that work together.
Quoting, rostering and billing — one connected suite for Australian providers.
QuoteSYNK
NDIS quotes in minutes
ShiftSYNK
Rostering that rosters itself
RoCSYNK
Roster of Care, sorted
6.5 hrs
Avg. admin time saved / week
The SYNK ecosystem
Tools that work together.
Quoting, rostering and billing — one connected suite for Australian providers.
QuoteSYNK
NDIS quotes in minutes
ShiftSYNK
Rostering that rosters itself
RoCSYNK
Roster of Care, sorted
6.5 hrs
Avg. admin time saved / week
The SYNK ecosystem
Tools that work together.
Quoting, rostering and billing — one connected suite for Australian providers.
QuoteSYNK
NDIS quotes in minutes
ShiftSYNK
Rostering that rosters itself
RoCSYNK
Roster of Care, sorted
6.5 hrs
Avg. admin time saved / week
These mock the homepage hero feel — the same restraint then flows into every tool. Your call: A (calm/spacious), B (product-forward), C (editorial/premium), or a blend.
✓ Option A — applied (with cyan standout-letter headers)
Option A's calm + spacious layout, but keeping your signature: one standout cyan letter in the main headers (like the S in SYNK). Gold stays the primary action colour; cyan is the identity spark in headings.
Header treatment
↑ one cyan letter per header — subtle, consistent, unmistakably SYNK.
Product / carousel card
Current
QuoteSYNK
NDIS INDUSTRY SPECIFICProfessional NDIS quotes in minutes with live price-guide data.
Option A
QuoteSYNK
Professional NDIS quotes in minutes.
Calmer card: more air, softer border, one clear "Learn more", status as a quiet dot-label, no neon glow — but keeps the cyan SYNK letter.
Page examples (Option A + cyan headers)
The SYNK ecosystem
Tools that work together.Quoting, rostering and billing — one connected suite for Australian providers.
QuoteSYNK
ShiftSYNK
RoCSYNK
Pay for your team size. Everything included.
Solo
$29/mo
Pro
$49/mo
Most popular
Team
$89/mo
If this feels right, I'll apply it to the real homepage + tools: calm spacing, gold primary, and the cyan standout-letter in every main header. Tell me any tweaks (which letter, gold vs cyan accents, more/less air).
0. Sample screen (the whole look, composed)
A mock QuoteSYNK screen so you can judge the complete feel — flip Dark/Light above.
QuoteSYNK
NDIS Quote Builder
Participant
Annual total
$17,501
Within budget1. Logo catalogue — the SYNK family
Every tool shares ONE logo system: navy tile · gold ring + crown · cyan node · white glyph. Only the inner glyph + family colour changes (gold = money/ops, cyan = comms/data).
QuoteSYNK
NDIS quoting
RoCSYNK
Roster of Care
ShiftSYNK
Rostering
InvoiceSYNK
Invoicing
ChargeSYNK
Billing
mySYNK
Participant
TextSYNK
SMS capture
NoteSYNK
Notes/docs
CallSYNK
Calls
SignSYNK
E-signatures
MapSYNK
Locations
BizSYNK
Analytics
Note: these are coded reference chips to lock the SYNK signature. Final production logos are extracted/polished per-tool (Canva/PowerPoint) but MUST keep this exact structure.
1b. Sign-in page & motion
The standard SYNK sign-in: dark aurora background + gold microchip grid, a gently floating logo chip, a glowing cyan node, and a frosted glass card. This is the animated entry screen every tool uses.
Welcome to QuoteSYNK
NDIS Quote Builder
1c. Background options — pick one
Candidate app/marketing backgrounds (all dark, on-brand). Tell me the letter you like and it becomes the SYNK standard. Current default = Option A (gold grid).
Option A · Gold grid (current SYNK)
Option B · Cyan dot grid
Option C · Aurora glow
Option D · Plain deep navy
Option E · Diagonal mesh
Option F · Vignette + node
1d. Borders & container shape — pick one
Corner radius and edge treatment for every card/tile/container. My recommendation is Rounded 12px + Hairline (with Gold glow reserved for the ONE hero element per screen).
Corner radius (container shape)
Sharp (0)
Subtle (6px)
Rounded (12px) ✓
Pill (20px)
Border / edge styles
2. Colour palette
Restraint is the point: navy base, gold primary, cyan accent, plus status colours. Nothing else.
Navy (base)
#020617
Gold (primary)
#E5C78B
Cyan (accent)
#06B6D4
Ink
#1E293B
Muted
#64748B
Success
#16A34A
Warning
#D97706
Error
#DC2626
3. Typography
Inter for UI/body, JetBrains Mono for numbers/codes/$, Lora for the occasional premium heading. Three fonts, no more.
Sans · Inter
Build professional NDIS quotes
Mono · JetBrains Mono
01_011_0107_1_1 · $1,490.00 · Q-2026-0004
Serif · Lora
Royal Care Group
4. Buttons
ONE gold primary per view; neutral outline/ghost for the rest; red only for destructive. Shown in the selected mode.
5. Cards & tables
One consistent card and one table pattern for all data across every tool.
Sample Participant 1
$1,410.00 / yr
Sample Participant 2
$1,420.00 / yr
6. Status & badges
Colour = meaning, never decoration.
SYNK Design System v1 · Royal Care AU Pty Ltd · unlisted & not indexed
