Logo Guidelines
Placement
This list includes the parameters of size, positioning, clear space, do’s/don’ts and co-branding. Following will be best practices for each logo.
Size and Positioning
Design file size is 180px
This is the minimum web size for our logos and such becomes the base for all of the design files.
Exporting sizes and formats
The Ai and PDF versions of the files will scale due to the vector format. The PNG formats will be exported for web at 1x,2x,3x,4x size. This will give the web designers a varying number of size to fit multiple screen types. The 4x size will be used as the primary logo size for Presentations as it is the highest quality raster file and can scale down as needed. If any additional sizes are needed designers may export logos at the exact size requested.
Minimum Logo Size
Logo size is based on the media type and is meant as a best practice.
Web/Digital: 80px minimum width or height
This includes websites, presentations or any other digital format.
Print: 0.75in. minimum width or height
Exceptions will be made for business cards/mini brochures. If a smaller size is needed the Icon/Mark for the brand is recommended as it is optimized for scaling.
Position and Layout
When placing the logo on any media type we need to consider the hierarchy of the design. Our logos should never be lowest in hierarchy or the smallest thing on the page, site, etc.
Alignment
Logo alignment must follow print, web, or presentation margins. As with all things print the logo should not fall outside of the safety margins. The logo should align with any text or design elements on the document.
When placing the logo in a web format, appropriate padding should be considered as well as alignment with surrounded cards, tables, or headers.
Optical vs. Geometric Alignment
Consider the visual edge of the logo rather than the mathematical. For example, the Ō of any of our brands should extend slightly past the aligned edge to give the appearance of proper alignment.
Clear Space
Ōnin Mark Logos
Clear space varies depending on the logo. A good rule of thumb for all of our brands featuring the Ōnin mark is to use the width of the Macron as the basis for the logo’s clear space.
For all other logos in our brand system the clear space will be determined by using the “x height” of the logos wordmark.
Cobranding with Logos
Primary logos are most frequently for cobranding. Variant logos may be used in order to match the importance of the logo that is cobranded with Ōnin logos, or any of the other logos we use.
Size and Spacing when Cobranding
Both our logo and the client logo should visually appear the same size and/or weight. Our brand goes on the left and the client brand goes on the right separated by a vertical line. The line Height is based on height of our brands logo, and the line width 2 pts (this should scale based on usage) with rounded ends to soften the edges.
