Design + Sketch
Published in

Design + Sketch

Photo by Galymzhan Abdugalimov

How to Make an Awesome Logo for Your Startup in Sketch

The Sportzify logo we will be building today. By now you already have a general idea of what they do.
The Sketch Website. The beautiful diamond logo is made by Sketch, in Sketch, for Sketch!
The Yelp and Zomato logos are copyright of their respective trademark owners.
The Noun Project Mac App allows you to simply drag and drop an icon that you would like to use.
More specific searches for nouns and verbs around our core theme.
A running icon and a heart icon.
Take a moment to notice the other tools available. Behind this simplicity lies an infite number of things you can make.
Our blank canvas is ready. It’s always daunting at this point.
Take a moment to inspect the layers in the left sidebar. Notice how they are built using more primitive shapes.
You can use the right sidebar to make one of the icons white. You can also move the layers up and down using the heirarchy on the left.
As soon as I had a shape that I fell in love with, I knew we had something.
Use the subtract tool to merge the different shapes into one single shape that is now our icon.
A simple gradient overlay can give a beautiful effect to the icon.
Pairing the logo with the name for use in contexts like the homepage.
Quickly build a set of variations for use in different contexts.
A mockup of the logo in context on the website.

--

--

--

A collection of articles, tips, tutorials, and stories on UI, UX and web design and prototyping with Sketch and beyond

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Param Aggarwal

Param Aggarwal

Software guy. When you try to tell computers what to do, you eventually learn about human nature as well. (http://paramaggarwal.com)

More from Medium

How Bravo Studio delivers complex, native and beautiful apps in a flexible way

Essential tools for user onboarding

Figma | Made with Gatsby JS

Figma | Made with Gatsby JS

Building on Editor X