Use the standalone mark when the horizontal lockup has no room to breathe.
PhoneIQ brand system
One system.
Clearly PhoneIQ.
Use this guide for every current PhoneIQ experience. It covers the identity, tokens, components, and voice already in production.
Current system · live
PhoneIQ
01 / Identity
The mark is the signal.
The PhoneIQ mark combines a phone with a moment of intelligence. Keep it crisp, flat, and surrounded by enough space to read immediately.
Use the horizontal lockup when the PhoneIQ name should be explicit.
Use signal indigo. Do not recolor, outline, or add gradients.
02 / Foundations
Quiet structure. One clear signal.
Neutral surfaces carry the interface. Signal indigo marks the primary action. Complete and handoff colors communicate state, not decoration.
Color
#f5f6f4#ffffff#14171a#626a70#5e55fd#248a61#d68b47#14181dTypography
Display / Helvetica Neue or Inter
Calls become
completed work.
Utility / IBM Plex Mono
LIVE CALL / HANDOFF READY / 04:30 PM
Spacing and shape
481214162024283252
Build on a 4px base. Cards use 4px corners, conversational bubbles use 14px, and actions use a full pill.
03 / Components
Familiar pieces, composed with restraint.
Components use hairline borders, compact mono labels, and direct hierarchy. Motion should settle quickly, in 220–280ms.
Actions
Eyebrow
How it works
State the section plainly.
Status
Call connected
Appointment booked
Handoff requested
Invariant dark band
Use dark bookends for the hero and final action.
See usage rules04 / Voice
Sound capable, human, and specific.
Write short declarative sentences. Explain what happens next. Prefer operational clarity over hype.
Answers every call.
Not: “Revolutionize every customer interaction.”
Books the appointment.
Not: “Unlocks seamless outcomes at scale.”
Built around your workflow.
Use qualitative proof unless a number is sourced and current.
05 / Usage
Keep the system coherent.
Do
- Use tokens instead of hard-coded approximations.
- Reserve signal indigo for emphasis and action.
- Pair a mono eyebrow with a direct headline.
- Use pill actions and restrained motion.
- Use the invariant dark treatment for hero and closing bands.
Don’t
- Add a second decorative accent.
- Use gradient text or glow effects.
- Invent statistics or unsupported proof.
- Square off pill actions.
- Describe the current system as proposed or experimental.
06 / Downloads
Production-ready assets.
Use the canonical files below. The asset library remains the binary source of truth; this page is the guide.
