General Branding
-
File Size
- Sign In Background: Compressed to under 1 MB for faster page loading.
- Logos: Compressed to under 200 KB for faster page loading.
-
File Type
- Sign In Background: JPEG works best, but any web image will work.
- Logos: PNG or SVG with a transparent background, but any web image will work.
-
Size / Aspect Ratio
- Sign In Background: The largest common consumer displays are 5120 × 2880 px and it's rare for users to view websites at full resolution, so this is a good upper bound.
- Logos: The logos are presented horizontally at 1:4.625 and do not need to exceed 600px in width (for "retina" displays).
-
Contrast
- The Sign In Logo will be presented on a light background.
- The Header Logo may be presented on either a light or dark background.
Product Cards
- Image width should be 380 px or wider, 190px or taller. Larger sizes are good because it allows for image bleed.
- Any web image type is supported (JPEG, PNG, SVG).
- Image file size should be constrained to optimize loading time. We recommend to limit to no more than 300 kB if possible.
- We recommend two classes of images:
- Note that the images may be cropped, so it’s best not to select anything which has important details (especially text) on the edges. This is also best practice for accessibility reasons.
Comments
0 comments
Article is closed for comments.