Visual identity
This section contains guidance for the use of Family Link assets, including logo lockups and icons, as you build effective marketing campaigns
Contents
Visual system
The Family Link brand consists of our icon and logo lockups. More information on how and when to use each can be found in the sections below.
Horizontal lockup
Vertical lockup
Icon
Logo lockups
There are two versions of the Family Link lockup: horizontal and vertical. The horizontal lockup is meant to be used in all marketing materials and in-product applications, except in instances that require very small sizes. The vertical lockup is to be used in rare situations where the horizontal lockup just doesn’t work.
Horizontal lockup
Vertical lockup
Color versions
Primary horizontal lockup
White horizontal lockup
The primary version of the lockup should be used whenever possible.
Primary horizontal lockup
Use the white lockup only on dark backgrounds or on imagery with enough contrast.
White horizontal lockup
Primary vertical lockup
White vertical lockup
The primary version of the lockup should be used whenever possible.
Primary vertical lockup
Use the white lockup only on dark backgrounds or on imagery with enough contrast.
White vertical lockup
Clear space
Make sure the lockup is always legible and has enough clear space around it to not interfere with headlines, text or other visuals.
The minimum clear space for the horizontal lockup is one full height of the icon (X) on all sides.
The minimum clear space for the vertical lockup is half the height of the icon (X) on all sides.
Incorrect usage
When using the Family Link lockups, don’t do any of the following.
Don’t lock up the Family Link lockup with the Google logo.
Don’t adjust the capitalization of the lockup.
Don’t alter the icon colors.
Don’t rotate or flip the lockup.
Don’t skew or warp the lockup.
Don’t make the lockup one color.
Don’t place the lockup on loud backgrounds.
Don’t crop the lockup.
Don’t add a drop shadow, bevel, or effects.
Icon
The Family Link icon should not show up on marketing materials on its own and should only be used in the context of UI screens
Color versions
Primary icon
There is only one version of the Family Link icon, and it should always be used with our blue, green, yellow, and gray. View our “color palette” page for more information.
Clear space
Make sure the icon has enough clear space around it to not interfere with headlines, text or other visuals. The minimum clear space is half the height of the icon (X) on all sides.
Scaling
Any scaling done to the original will scale the image up or down proportionally. By maintaining the unit ratio, you preserve sharp edges and correct alignment when scale is reduced.
Target scales
1 X mdpi 48 dp
1.5 Xhdpi 72 dp
2 Xxhdpi 96 dp
3 Xxxhdpi 144 dp
4 Xxxxhdpi 192 dp
Incorrect usage
When using the Family Link icon, don’t do any of the following.
Don’t alter the icon colors.
Don’t flip the icon.
Don’t rotate the icon.
Don’t warp the icon.
Don’t make the icon one color.
Don’t add a drop shadow, bevel, or effects.
Don’t place the icon on loud backgrounds.
Don’t crop the icon.
Photography
When talking about Family Link, lifestyle photography should be used. Some guidelines:
- Show kids that look at least 6 years old. We often show a child aged 6-18, and a child aged 11-15.
- For any photos showing children younger than 13, it is ideal to show a parent with the child as they use their device.