Presets Wrench Docket

Wrench Docket

Dense, data-first UI for home-service dispatch and job tracking: green primary on cool tinted neutrals, tabular figures, crisp 1px borders.

Pro Use in Figma Get the files
Wrench Docket across ten UI tiles: hero, phone screen, type, chart, palette, form, alerts, pricing, chat and buttons

A picture of the Pro preset. See it live, in light and dark, with UIX Pro.Unlock

Wrench Docket full preview: colour ramps, light and dark tokens, type scale, components in every state and six product screens

Use Wrench Docket

In Figma

Open UIX, go to Presets and search “Wrench Docket”. Press Use this preset, then Sync to Figma.

Install UIX

In code

A Tailwind v4 and shadcn/ui theme, W3C tokens, Figma variables and a DESIGN.md. Included with UIX Pro.

Unlock with UIX Pro

Send to your AI agent

Connect the UIX MCP once, then ask Claude Code, Cursor or any MCP client: “Use the Wrench Docket preset”.

Get your MCP link

About Wrench Docket

Dense, data-first UI for home-service dispatch and job tracking: green primary on cool tinted neutrals, tabular figures, crisp 1px borders.

Wrench Docket is one of the Pro presets in UIX. Its tokens, theme files and DESIGN.md come with UIX Pro: in Figma, in code, and through the UIX MCP for AI coding agents.

Access
UIX Pro
Industries
home services, field operations, dispatch
Mood
technical, precise, calm
Display font
Sora
Body font
Plus Jakarta Sans
Mono font
JetBrains Mono
Density
Compact
Contrast
Standard
Corner radius
6px

Similar presets

All 251 presets →