Visual Tips

Some guides on how you might want to present and visually implement Mutant Standard in your web apps and services.

Don't take this prescriptively - there may be a lot of cases that look good that aren't covered here!

Size

Mutant Standard's emoji are designed to withstand extremes of resolution and scale. They read clearly and look great at both low and high resolutions, even on low DPI displays.

To determine what emoji size is best for you, use a size that compliments your text size, and if possible, make sure the size doesn't go below 18px.

64px
48px
32px
26px
24px
22px
20px
18px (recommended minimum)

Background colour

The bold, black outlines of Mutant Standard emoji act as a sanitising barrier against the surrounding content - ensuring that the emoji are readable against a wide range of backgrounds. Including dark backgrounds and those with photographs or textures.

Any brightness of background - including dark grays and pure black - work just fine with Mutant Standard emoji.

black cat smiling dash black triangle (lesbian triangle) onigiri new moon arrow curving left dusk city toilet paper movie camera

#FFFFFF

black cat smiling dash black triangle (lesbian triangle) onigiri new moon arrow curving left dusk city toilet paper movie camera

#cccccc

black cat smiling dash black triangle (lesbian triangle) onigiri new moon arrow curving left dusk city toilet paper movie camera

#989898

black cat smiling dash black triangle (lesbian triangle) onigiri new moon arrow curving left dusk city toilet paper movie camera

#666666

black cat smiling dash black triangle (lesbian triangle) onigiri new moon arrow curving left dusk city toilet paper movie camera

#333333

black cat smiling dash black triangle (lesbian triangle) onigiri new moon arrow curving left dusk city toilet paper movie camera

#000000

Text

(This advice is only applicable to European alphabet scripts (ie. Latin, Cyrillic and Greek). I don't know enough about the typography of other scripts to adequately comment on them.)

For clear emoji that maximise the use of typographic space, make the emoji pictures slightly bigger than the height of the text, but without disturbing the natural line-height as much as possible. (You might want to make sure there's a little room in your line-height for this as well.)

Mutant Standard is designed to be readable at small resolutions at a low DPI, so you don't need to worry about making them too big.

example text without emoji

The cyclone had set the house down very gently--for a cyclone--in the midst of a country of marvelous beauty. There were lovely patches of greensward all about, with stately trees bearing rich and luscious fruits. Banks of gorgeous flowers were on every hand, and birds with rare and brilliant plumage sang and fluttered in the trees and bushes. A little way off was a small brook, rushing and sparkling along between green banks, and murmuring in a voice very grateful to a little girl who had lived so long on the dry, gray prairies.

While she stood looking eagerly at the strange and beautiful sights, she noticed coming toward her a group of the queerest people she had ever seen.

example text with emoji

The cyclone spiral had set the house down very gently--for a cyclone--in the midst of a country world map of marvelous beauty smiling smiley with 3 hearts. There were lovely patches of greensward evergreen tree all about, with stately trees bearing rich and luscious fruits peachcherry. Banks of gorgeous flowers were on every hand, and birds blue jayowl with rare and brilliant plumage cool sang and fluttered in the trees and bushes. A little way off arrow pointing right was a small brook, rushing dash and sparkling sparkles along between green banks, and murmuring in a voice ear, yellow very grateful to a little girl who had lived so long on the dry, gray prairies.

While she stood looking eagerly happy:3 face at the strange and beautiful sights eyes, she noticed surprised coming toward her arrow pointing right with 'SOON' underneath it a group elflion with manetrolloni of the queerest rainbow pride 100 people she had ever seen.