Brand kit
Logos, color, and type for anyone writing about, partnering with, or building on May Inc. The kit has every lockup in SVG, PNG, and JPG, the color and type values as CSS variables and a Tailwind theme, document templates, and a short written guide. Or copy any single logo below.
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