Skip to content

THE DROPHTML IDENTITY

A small mark.
A world of possibilities.

Our drop bracket brings a file and a downward point together. Here’s everything you need to put DropHTML in the picture.

Download the brand kit SVG logos, icons, wordmarks & font license · ZIP

Logos

The complete lockup. Our first choice wherever there’s room.

Wordmarks

Our name, set in outlined Instrument Sans. No font installation needed.

Icons

The drop bracket, on its own. For compact spaces and familiar faces.

Made for the small stuff.

A white symbol on an indigo tile, ready for app icons and bookmarks.

DropHTML app icon

App icon

Use the tile at 16px and above.

Our colors

Indigo leads. Quiet neutrals give it room to breathe.

Drop indigo

#4F46E5

Ink

#171923

Periwinkle

#A5B4FC

Soft white

#F5F5FA

Mist

#F4F3FF

Slate

#687084

Pale slate

#A3A9BD

A LITTLE ROOM GOES A LONG WAY

Keep it unmistakable.

Leave at least one file-square width of clear space around the mark (12 units on its 64-unit grid). Keep the original proportions and colors.

Use the standalone symbol at 24px and above, and the horizontal logo at a minimum width of 160px. Choose a variant with clear contrast against its background.

Don’t stretch, rotate, add gradients, or change the spacing between the icon and lettering.

Instrument Sans font license ↗