Hot answers tagged

32 votes
Accepted

Is Product Sans (Google new geometric font) being made available for commercial use?

When you open the TTF webfont in use on Google websites, you get some metadata and a link to this URL: https://www.google.com/fonts/license/productsans It says: Google offers many fonts on open ...
user avatar
23 votes

What exactly are Google's '500' color swatches?

I've been wondering that myself. First, "500" doesn't seem to indicate how many colors there are, but the weird numbering system they use. 500 is the base, 400 is lighter than the base, 600 is darker....
user avatar
19 votes
Accepted

How can I import a vector drawing into Google Slides?

This method works flawlessly for me. Upload your images/icons to Google Drive Open it with CloudConvert Choose export format : vector / emf. Make sure that you have the checkbox to save the ...
user avatar
  • 5,128
16 votes
Accepted

Using Google Fonts for print work

It's completely fine to use them. Google Fonts are all open source, so you can use them for whatever you like. However, they are mostly screen fonts. In other words, they're mostly designed to look ...
user avatar
  • 3,342
15 votes
Accepted

What sort of program is Google using to make these drawings?

I'd probably call these type of illustrations 'vector illustrations', because they look like, at least regarding the original source files, they could be scaled up easily. If I were looking for them, ...
user avatar
  • 26.1k
14 votes
Accepted

Critique: Icon app redesign

Decide where your light source is, and stick to that. As you look closer at all icons in the example, they have their light source at 315°—top left. All shadows and shading obey that light ...
user avatar
  • 24.3k
14 votes
Accepted

Online Tool to Find Closest Google Font

The first thing to say, is that I want to be honest and I'm affiliate to the software I present bellow (I'm the software designer/programmer of this font identification engine) and I'm really proud ...
user avatar
  • 388
13 votes

What exactly are Google's '500' color swatches?

I'm going to leave this here because it is new information on the topic. https://www.youtube.com/watch?t=73&v=xYkz0Ueg0L4 Published on May 28, 2015 A little rusty on your color theory? Material ...
user avatar
  • 790
9 votes

how would you recreate the distorted/noise effect that google uses in their new material design illustrations?

The below was done in Illustrator but could be done in Photoshop. First create your object. For the demonstration I am using a linear gradient. You can mess around with a gradient mesh for more ...
user avatar
  • 12.7k
9 votes
Accepted

Preventing reverse search engines from finding the origin of your image?

I think you were on the right track with your watermarking option, but you left too much of the original image in tact. Here are two images I tried that Google was unable to find: Checkerboard ...
user avatar
  • 19.8k
9 votes

Preventing reverse search engines from finding the origin of your image?

Google may use a different system but a large number of such services (tineye included) use perceptual hashes where the overall hash is close enough to be a match, rather than exact. A whitepaper ...
user avatar
  • 518
8 votes

Why does the lower case 'r' in Google Sans font change size depending on the next letter?

To get the arch of the R above the crossbar of the T, I imagine. The E and A are lower and rounded, so the R fits into their negative space, but the T pokes to the left. It's really noticeable. It's ...
user avatar
7 votes

What does the number mean on the Google web font "Page load" meter?

This is a good question the GUI has no indication on what that means. However your hunch that its size in compressed KB does seem to be quite close. I would tip this is the correct answer. How do i ...
user avatar
  • 55k
7 votes
Accepted

Noto Sans vs. Noto Sans UI

Some simple google search gave me the Guidelines for using Noto, and in there you find: For an Arabic website that needs to use an UI font for UI elements, such as buttons and tabs, that have more ...
user avatar
  • 7,786
6 votes

Online Tool to Find Closest Google Font

Try this one (although it is not yet complete for all the Google fonts): http://joelcrawfordsmith.com/closest-font/
user avatar
6 votes

What exactly are Google's '500' color swatches?

Perhaps you've already found this resource, but Google has put together an incredibly handy guide to help developers and designers sync up with the new Material vibe. The whole guide can be found ...
user avatar
  • 71
5 votes
Accepted

When should a Material Design ripple be dark, and when should it be light?

In all the simple button examples (including other examples in the animation section), the ripple effect compliments the colour of the text or icon - which should follow readability (use a colour ...
user avatar
5 votes

What exactly are Google's '500' color swatches?

Here is the answer to your question.. check out this video The 500s are Primary Colors perfect describing the dominant theme in your product and are great for toolbars. 700s are used for ...
user avatar
5 votes
Accepted

Image for Google Card- How can I tell it is correctly 16:9 ratio?

You need to ensure that the image width relates to the height as the number 16 relates to the number 9. 16 divided by 9 is 1.77777778. That means that your image width must be 1.77777778 times larger ...
user avatar
  • 111
5 votes
Accepted

Material design / Elevation in photoshop

I can't find anything regarding Android shadows on the Google design docs now, but there was apparently once upon a time a list of the values for Adobe Illustrator, but they seem to have taken it down....
user avatar
  • 39.9k
5 votes

When using fonts in Bootstrap, is it quicker to use the Google Fonts API or to just install the font file on the server?

Short answer: Google is much faster than you hosting it yourself. Long Answer: Putting it on your own server might seem like a good idea to improve load times. After all, the files are closer to your ...
user avatar
4 votes

Which google font is closest to this?

I'd use Merriweather myself. It seems to be the closest of the bunch.
user avatar
  • 339
4 votes
Accepted

Why does the lower case 'r' in Google Sans font change size depending on the next letter?

You can add css font-variant-ligatures:no-common-ligatures (or font-variant-ligatures:none) to prevent Chrome (and Firefox!) from displaying 'r' that way. IE/Edge don't have the bug. You could also ...
user avatar
  • 56
4 votes

How can I import a vector drawing into Google Slides?

As of Apr 4th 2020, I just found an easier offline solution for this issue, especially if you have the shape already in PowerPoint. Just copy the shape(s) to a new PowerPoint presentation and save it ...
user avatar
3 votes
Accepted

Google map icon- is it free to use?

Per Google after a little search: Things not permitted: Don't copy or imitate Google's trade dress, including the look and feel of Google web design properties or Google brand packaging, ...
user avatar
3 votes

Google Slides - Adding drop shadow to an image

Google Slides has caught up and you can now add drop shadow to images and shapes from the format menu:
user avatar
  • 131
3 votes

How do I get the menlo font onto Google Docs?

Unfortunately Menlo is not a supported font for Google Docs. There is a nice alternative that could get the job done called Inconsolata, and since it's a Google font it's really simple to access in ...
user avatar
  • 3,998
3 votes

Is attribution required while using a Google Font as a piece of art or in video?

First not all Google fonts have the same license. A quick search found the following licences (which are listed on attribution page, but there can be more): SIL Open Font License, 1.1 (OFL) Apache ...
user avatar
  • 55k
3 votes

What are Google font alternatives for Franklin Gothic

Google Font's version of it would be Libre Franklin. There are some small differences but it's very close.
user avatar
3 votes

How to search for logos to use on google images without all the stock photo sites coming up in results?

Put the characters "-stock" in the search terms, without the quotes obviously. Be very careful about "deriving" logos from others. Taking inspiration from looking at the design of other logos for ...
user avatar
  • 72.4k

Only top scored, non community-wiki answers of a minimum length are eligible