Overview
Antz Design
The design system for Antz phone and tablet apps. Every value is taken from Figma.
Start here
FoundationsColour, type, spacing, icons and status.
Hint text
LayoutsTemplates that place the parts on a screen.
arrow_forward
PatternsHow Antz modules already choose, enter, request and track.
PartsThe pieces every card and record page is built from.
rule
GuidanceWriting, rules and the decisions behind them.
Principles
Figma is the sourceCopy the design exactly. Add nothing it does not have.
Say it onceStatus, counts and labels appear one time. No sentence explains what the screen already shows.
One containerA card never sits inside a card. Border or shadow, never both.
Colour means somethingColour marks state or action, never decoration.
Sources
| Figma file | Covers | Device |
|---|---|---|
| VVMS Mobile | Lists, records, forms, approvals, settings | Phone |
| Training | Training records, animal card, dashboard | Phone and tablet |
| Help Desk | Requests, approvals, masters | Phone |
| Hospital | Patient lists, forms, sheets, schedules | Tablet |
| Hub prototypes | Patterns: Medical, Necropsy, Radiology, Family tree, Assessments, Egg, GRC, Home | Phone and tablet |