PRECISE COMMAND CENTERBRAND & INTERFACE DESIGN SYSTEMBack to platformAuthority. Clarity.
Control.
A disciplined, recognizable visual identity for the management dashboard, officer portal, and secure sign-in experience.
One logo. Two levels of identity.
Company: Precise Global Protection Services. Software product: Precise Command Center. Always retain the original circular emblem without modifying the globe, swords, typography or shield.
Primary identity
Use in global navigation, dashboard sidebar and secure sign-in.
Hero identity
Large original emblem on the homepage and sign-in visual panel. Preserve circular proportions.
Black. Graphite. Steel. White.
Accent gold is not part of the default UI. Reserve amber, red and green only for operational meaning, not decorative emphasis.
Purposeful hierarchy.
Command overview
Display headings: sans-serif, bold, tight tracking. Body: system sans-serif, 15–16px, high contrast. Overline: all caps, small with generous tracking.
Interface elements
Cards use 1px steel borders, 12–16px corners and 16–28px padding. No action should suggest functionality that does not exist.
Placement across the application
| Area | Position | Size / usage |
|---|---|---|
| Homepage header | Top left next to product name | 56×56 px, original full emblem |
| Homepage hero | Right-hand visual identity focal point | Up to 410×410 px, no distortion |
| Login page | Top left in brand bar and large in left visual panel | 60 px header; approximately 214 px hero |
| Manager dashboard | Persistent left sidebar header; subtle welcome watermark | 54 px in navigation; watermark non-interactive |
| Officer portal | Mobile-first top bar | 53×53 px |
| Browser / app icon | Favicon and future installed PWA icon | Round emblem, no text added |
Design must reinforce trust.
Do
- Keep logos proportionate and on high-contrast surfaces.
- Use consistent navigation, clear labels and honest status messages.
- Apply role checks and data permissions on the server, never by CSS visibility alone.
- Show auditability and confirmation for timekeeping, reports and security operations.
Do not
- Alter logo wording, symbols, proportions or emblem colors.
- Use gold or red as decoration across large UI areas.
- Display sensitive personnel or incident details in public pages.
- Show fake live officer coverage, incident counts, or tracking information.