Streets.mn logos
Logo downloads are available below. Be sure to view the Brand Guidelines at the bottom of this page for guidance on how to use them correctly.
SVG is a full-quality version that can be scaled or used for print. PNG is easier to use but lower-quality.
Design credits
The Streets.mn logos were designed by Jesse Ross. Jesse is a Twin Cities-based designer and web developer. He likes to draw pictures, build websites and mobile apps, eat good food, and rant about politics. He can be found at jesseross.com and on Twitter as @jesseross.
Vertical logo: Full color
Use: when appearing on a white or light-colored background.
Vertical logo: Black
Use: when appearing on a white or light-colored background when only gray-scale printing is available, or when adjacent to other black-and-white logos.
Vertical logo: White
Use: when appearing on a dark background.
Horizontal logo: Full color
Use: when appearing on a white or light-colored background.
Horizontal logo: Black
Use: when appearing on a white or light-colored background when only gray-scale printing is available, or when adjacent to other black-and-white logos.
Horizontal logo: White
Use: when appearing on a dark background.
Logo icon
Use: only a secondary reference or as a decorative brand reference. Streets.mn name must be clear and used in conjunction.
Official brand colors
Orange
#e37130
(RGB: 227, 113, 48)
Yellow
#fcde02
(RGB: 252, 222, 2)
Green
#55ac3a
(RGB: 85, 172, 58)
Blue
#2f7ad3
(RGB: 47, 122, 211)
“Dark mode” brand color alternatives
These are to be used for situations where white text is to be placed on top of the colors, and an adequate contrast ratio must be maintained for accessibility. They should be not be used as primary representation.
Dark Orange
#aa4d1f
(RGB: 170, 77, 31)
Dark Yellow*
#d8ba09
(RGB: 216, 186, 9)
Dark Green
#3b7c21
(RGB: 59, 124, 33)
Dark Blue
#1061b2
(RGB: 18, 97, 178)
* Dark yellow is not dark enough to place white text on and meet WCAG standards for contrast. It is recommended only as a coordinating color when other dark colors are in use.
Brand guidelines
- Use the full color logo whenever possible.
- There is no official preference between the vertical and horizontal logo variations. Use whichever suits the context best.
- The logo icon (without the name) should only be used as a secondary reference when the primary logo is also shown, or the Streets.mn name is shown (e.g., on social media profiles). Do not use alone.
- If the background is too dark for the full color logo to be legible, use the white version.
- The “dark mode” color variations are intended to provide a palette of colors that represent the brand but are suitable to be overlaid with white text. The Dark Orange, Dark Green, and Dark Blue colors are selected for white text. Dark Yellow is not suitable for white text but should be used of the yellow brand color is to be represented on the page.
- When used online or in digital materials, link the logo to Streets.mn.
- Do not modify the logo, alter colors, use without padding, or box the logo.
- When writing out “Streets.mn” in text, the first ‘s’ should be capitalized, and all other letters lower cased.
What NOT to do: Examples of disallowed modifications
Do not:
Box or use without padding
What’s wrong? The logo does not have adequate padding, and is shown in a box.
What to do instead? Do not use a border box. Use padding consistent with the context. When in doubt, use approximately 1/2 the height of the “wheel” icon as a minimum padding.
Do not:
Change colors
What’s wrong? The colors have been modified from the standard brand colors
What to do instead? Use the brand colors, all-white, or all-black only.
Do not:
Capitalize Streets.mn in logo
What’s wrong? Streets.mn has been capitalized. In the logo, it should always appear as lower-case.
What to do instead? Only use the lower-case variations provided.
Do not:
Rotate the icon
What’s wrong? The wheel icon has been rotated.
What to do instead? Use only the rotation as provided, with the points extending outward like compass points.
Do not:
Use a non-standard scale
What’s wrong? The wheel icon from the vertical logo has been shrunk down, and used in a non-standard locations.
What to do instead? Only use the scale and placement provided in the logos on this page. The vertical logo should have the wheel icon larger than the text. The horizontal logo uses the wheel icon in-line, replacing the period in the name.
Page last updated January 2, 2024