Brand kit
Logos, color, and type for anyone writing about, partnering with, or building on May Inc. Take the whole thing as one file, or copy any logo below — don't stretch, recolor, or add effects.
Everything, one file
Every lockup in SVG, PNG, and JPG, the color and type values as CSS variables and a Tailwind theme, templates for documents and internal tools, and a written guide to using all of it.
Logos
Copy to clipboard or download · SVG, PNG, JPG
Mark — green
cdn-may.com/assets/mark-green.svg
Mark — white
cdn-may.com/assets/mark-white.svg
Circle badge
cdn-may.com/assets/badge-circle.svg
Circle badge — light
cdn-may.com/assets/badge-circle-light.svg
Rounded square (app icon)
cdn-may.com/assets/icon-rounded.svg
Square
cdn-may.com/assets/icon-square.svg
Color
One green. Everything else is background and ink.May Green
#003539
rgb(0, 53, 57)
Primary. Backgrounds, the mark, buttons.
White
#FFFFFF
rgb(255, 255, 255)
Default page background.
Mist
#EEF2F1
rgb(238, 242, 241)
Secondary sections and cards.
Ink
#101617
rgb(16, 22, 23)
Body copy on light backgrounds.
Type
Instrument Sans
Headlines, UI, and body copy. Weights 400/500/600 only. Headlines set at -0.035em tracking; body at -0.01em. Never all-caps above 14px.
IBM Plex Mono
Labels, tool names, dictionary entries, and anything code-adjacent. 11–13px, letter-spacing 0.08em, uppercase for eyebrows.
Usage
- DoUse the white mark on #003539, the green mark on white or mist.
- DoLeave clear space equal to the mark's width on all sides.
- DoUse the badge lockups for avatars, app icons, and favicons.
- Don'tRecolor, outline, rotate, or add shadows and gradients.
- Don'tPlace the mark on busy photography without a solid backing.
- Don'tWrite it as "MAY, Inc." — it's May Inc., or may.inc in URLs.
Questions or something custom? info@may.inc