Brand
The FormSMTP identity
Four tiles, like the fields of a form. One has become an envelope and is lifting off: a form becoming an email. Everything else is built from the same tiles.
Anatomy
- Three tiles. The fields of a form, and the modules every graphic element is built from.
- The envelope. The fourth tile carries an envelope flap and lifts up and out of the grid: a submission leaving as an email.
- Motion. Hover the mark and the envelope is sent; a new one takes its place.
Keep clear space of at least one tile around the mark. Don’t rotate, outline, recolour outside the palette or add effects.
Colour
Lime on night
Dark first. Lime is the signal, used sparingly so it always means “this matters”.
Click a colour to copy its hex code.
Graphic elements
One tile, many shapes
Accents, icons and patterns all come from the same rounded tile, so the identity stays recognisable without the logo.
Motion
Assemble, then send
The mark builds itself tile by tile, then the envelope lifts out of the grid. On hover the envelope is sent and a new one takes its place. In page headers, a quiet field of tiles lights up and now and then forms the mark. Everything stops for people who prefer reduced motion.