Customer.io Add A Contact

Open full-size image ↗

Clean Form Design That Just Works

This is Customer.io's "Add a Person" screen and it's a great example of a utility-first dashboard that doesn't try too hard. The left sidebar uses a soft off-white with clear iconography and just enough spacing to breathe. "People" is highlighted with a subtle green background, making orientation instant.

Smart Use of Contextual Help

The right panel explaining identifier attributes is a standout move. Instead of burying docs elsewhere, they surface exactly what you need right next to the form. The inline code styling on `id` and `email` feels developer-friendly without being intimidating. That "Reserved" badge on created_at is a small but thoughtful touch.

Typography and Color Keep It Grounded

Everything leans on a neutral palette with that signature green accent in the "Subscribed" status pill and the top nav trial badge. The type hierarchy is dead simple. Bold section headers, regular weight labels, placeholder text in the inputs. No fuss. The "+ Create New Attribute" button uses green text with a plus icon, drawing the eye without screaming for attention. Functional design done right.

Similar Add & Edit screens

All Add & Edit

More from Customer.io

All Customer.io screens