Quick links

Standards FAQ

πŸ”‘ Sign in

πŸ†•Β Create account

πŸ’¬ Chat on Slack

πŸ“© [email protected]

πŸ–₯Β Website standards.site

🐦 Twitter @standards_site

πŸ“· Instagram @standards.site

Design & Editing

Editor overview

Preparing logo assets

Click & Hover Behaviors

Text

Media

Accessibility

Button

Dropdown

Sequence

Navigation Menu

Format and save your logo assets for upload and use on Standards

In this guide:


Preparing a logo

βœ… Artboard cropped to logo

βœ… No background

βœ… Saved as SVG

STANDARDS_SETUP_04_BW.gif

Artboard cropped to logo

If you are working in Illustrator, start by cropping your artboard to your logo. Snap to guides are helpful here, but make sure to zoom in close and make sure you haven't left any pieces outside of your new artboard.

Logo on a large artboard, with a gray background.

Screen Shot 2021-10-19 at 14.38.58.png

Edit the artboard and crop in to the edges of the logo.

Screen Shot 2021-10-19 at 14.39.20.png

Remove the background

Screen Shot 2021-10-19 at 14.39.53.png

Save as SVG

Lastly, save your file as an SVG format. The default settings that Illustrator presents are fine, but you can use your own settings if you prefer.


Why SVG files?

Cropping the Artboard tight to the logo allows Standards to give you control over resizing of your logos with better accuracy.

By having no background, it allows Standards Automations such as "Logo on Color" to replace the color behind your logo, without interference.

SVG files are vector based and work on the web. It Standards to take your logo files and use them throughout your document in Automations, as well as re-color, re-size, and make other user-controlled manipulations.


Download a template

Here is an .SVG file prepared correctly. You can download this file and open in your application of choice if you'd like to see a properly setup file.

logo_svg_template.svg


FAQs


Return to Standards Help Center