Calm ink, one signal of colour.

The OneMacTools design system. Click any colour to copy it.

Ink

Neutrals lean toward the logo's navy. Each step is one level of elevation.

Brand

From the logo: blue to periwinkle to violet. The gradient appears once per screen; mint means success.

Categories & status

Category colours mark a category (icons, labels), never large fills or body text.

Type

Sora for display, SF Pro for reading, JetBrains Mono for files and numbers.

Display · Sora 700

Every Mac tool.

H2 · Sora 700

Pay once. Own it.

H3 · Sora 600

Black it out for real.

Lede · SF Pro 400

89 tools for video, audio, images, PDFs, files and AI.

Body · SF Pro 400

Results land in a fresh, dated folder only when the whole batch succeeds.

Eyebrow · SF Pro 600

Why we built it

Data · JetBrains Mono 500

Product demo.mov · 189.3 MB → 24.7 MB

Spacing

A 4-point base.

4 · hairline
8 · icon to label
12 · buttons
16 · grid gap
24 · in a card
32 · card padding
64 · head to content
140 · between sections

Radius

Rounder as things get bigger. Elevation is lighter ink and a blue glow.

10 · controls
16 · rows
24 · panels
30 · cards
pill · pill

Components

The real components, live.

Buy OneMacTools — $29Buy ProSee it work
Buttons: white for the main action, blue for purchase, ghost for secondary
8 MB Discord16 MB WhatsApp25 MB EmailRuns on your Mac
Chips and pills
A drawing of a Mac showing Build Succeeded
The same picture with meme text: When the build passes, on the first try
Before / after, drag to compare
Progress ring (category colour)
Scorecard dots: yes, partly, no, not listed
Tool card
23PDF10On-device AI
Count tile

Motion

One curve, cubic-bezier(.2, .8, .2, 1). Motion confirms what happened. Reduce Motion shows the final state.

Easing
Hover meHover lift · 200ms
ArrivesEntrance · rise and unblur

Launch visuals

For announcements, press and social posts. Click to download.

Voice

Do

  • “Compress to 25 MB for email.”
  • Show real files, sizes and results.
  • Short sentences. Active voice.
  • Say exactly what goes online.

Don't

  • “Leverage AI-powered media optimisation.”
  • Promise “100% secure” or “lossless”.
  • Use the gradient twice on one screen.
  • Fill large areas with category colours.