Primary logo
The horizontal, full-color logo is the preferred mark for general use.
Download primary logo · SVGA consistent identity.
A considered impression.
Updated
A reference for printers, vendors, and partners authorized to work with the Mandaro Group brand.
Use the artwork, typography, and colors below to maintain a consistent identity. Choose the logo variation suited to the format: the primary horizontal logo for most applications, a secondary arrangement where space requires it, and the brand icon for small spaces.
These guidelines cover Mandaro Group’s logos, typography, color palette, and light and dark digital appearances.
The horizontal, full-color logo is the preferred mark for general use.
Download primary logo · SVGUse the stacked arrangement when a taller format is better suited to the space.
Download secondary logo · SVGUse the icon where the full wordmark would become too small to read.
Download brand icon · SVGThe website’s light wordmark preserves the full-color emblem against dark surfaces.
Download dark-background logo · SVGKeep a minimum of one capital “M” width of clear space on every side of the logo. No text, artwork, or other elements should touch or overlap this area.
Keep the supplied proportions, shapes, and colors. Do not stretch, distort, recolor, rearrange, or add effects to the supplied artwork. Use the supplied one-color artwork when production requires a single ink; request the appropriate file rather than converting a full-color logo.
MANDARO GROUP
The brand’s signature display typeface. Use for short identity-led statements and labels, with space for the lettering to breathe.
Thoughtful ownership.
Regular · Medium · Bold
Use Regular for reading, Medium for emphasis and interface labels, and Bold where stronger emphasis is needed. Maintain a clear hierarchy and comfortable line spacing.
Use appropriately licensed font files for your application.
The current website uses the digital values below. The primary colors anchor the identity; the secondary colors add depth and balance.
HEX #1C1A34
RGB 28, 26, 52
HEX #BEB6AE
RGB 190, 182, 174
HEX #364867
RGB 54, 72, 103
HEX #686058
RGB 104, 96, 88
Pantone references: 5255, WG3, 2378, and 405. Confirm the color match with your printer for the chosen material and production process.
Tints from 100% through 60% may be used where appropriate. Maintain readable contrast when using lighter tints.
Light mode is the website’s default. Warm, light surfaces contrast with midnight hero sections, slate accents, and the full-color logo.
Dark mode uses deep midnight surfaces, light text, and softer slate accents. Use the dark-background wordmark to keep the logo readable, and preserve the brand colors of the emblem and the natural colors of photography.
The appearance control is in the desktop navigation and inside the mobile menu. Visitors can switch at any time; their preference is remembered when browser storage is available. Text, links, form fields, and keyboard focus indicators should remain clear in both appearances.