With icons, a picture can be worth a thousand words. Alternatively, if you have bolder, brighter branding, you may want to try out geometric shapes that reflect a straightforward style and tone. For example, if you have a soft color palette paired with a modern font, you may want to stick with simple icons that rely on single lines to create a shape. The shapes you choose should reflect your overall aesthetic and messaging. To create a strong icon for your business, consider how you want to present your brand and what impressions you want to create. Those icons are so recognizable that, when they appear on any web page, users know exactly where they’re headed when they click on them. Think about the icons used as links to a business’ social media pages. Think about how many of the world’s biggest brands you can identify just by looking at a swoosh or a little blue bird.īecause they suggest so much with so little, icons work well on websites to draw the reader’s attention to key pieces of information and guide the user experience. Icons are pictures that represent words or concepts-they use a simple image to convey complex meaning. If you don’t already have a logo, Squarespace’s free logo maker can help you get started. You don’t have to literally use the logo font in your other typography, but you may want to use it for headline-level text to create brand continuity. Your brand logo should offer a good starting point for picking your website’s main font. They can be difficult to read in small format, but script fonts can work well on a landing page, as headlines or subheadings. Script fonts look like cursive handwriting. They include Rockwell, Soho, Memphis, and ITC Lubalin Graph. Geometric, blocky, and confident, slab serif fonts are great for logos, headlines, subheadings, and even body text. They’re modern, easy-to-read, and simple. ![]() Examples include Helvetica, Arial, and Verdana. “Sans” means without, so “sans serif” means a font that has no decorative foot. They’re great for long blocks of text, like body copy on your website, and have a formal, authoritative quality to them. Examples include Times New Roman, Palatino Linotype, or Georgia. These classic typeface styles have a decorative foot (i.e., a serif) at the end of each character’s stroke. Here are some of the different styles of fonts you can choose from. Like color, typography informs our opinions and shapes the way we feel about the businesses we interact with. As a rule of thumb, stick to three or four main colors at the most. When you’re selecting color combinations, keep it simple and limit the number of colors you choose. Monochromatic colors: A single-color scheme that uses various shades, tones, and tints of an individual color. Triads and tetrads: Any three or four colors, respectively, that are the same distance apart on the color wheel, e.g., red, blue, and yellow (triad), or orange, red, violet, and blue (tetrad).Īnalogous colors: These combinations sit next to each other on the color wheel, e.g., red, red-violet, blue-violet, and blue. Split complementary colors: This splits one color into its two adjacent colors on the color wheel and then matches that pair with the original color’s complement for example, you might split red into red-orange and red-violet, then pair them with red’s complementary color, green. There are five main approaches for picking colors:Ĭomplementary colors: These are opposite each other on the color wheel such combinations include a warm color like yellow juxtaposed with a cool color like violet. For example, choosing a color palette that makes the CTAs on your website obvious will also make your site easily navigable for new visitors. If you’re launching an online plant shop, for example, you might look at competitor brands to see how you can differentiate the look and feel of your online store and stand out in the marketplace.Ĭolor also plays an important part in the user experience of a site, and finding the right color combinations is central to good web design. When you’re choosing a color palette for your website, spend some time looking at other brands or portfolio sites for inspiration. ![]() woff2 fonts - so feel free to skip to Step 3!īUT if you just downloaded a free font from Google Fonts or something and you don’t have the. Thus, if you purchased a Website License, then you will have the. from Creative Market) then by LAW you are obliged to purchase the Website License if you want to use the custom font on your website! IMPORTANT: soooo… if your custom font was a paid font (ie. But if you ONLY purchase the Desktop file, then you only get the. ![]() If you purchase a website license from Creative Market, you will receive the. ![]() Let me just quickly categorize font files for you: Where can you find unique fonts? I get all of mine from Creative Market and these are some of my favourite fonts to use: Step 1: Purchase/Download your Unique Fonts
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |