Contents
General branding
- File size
- Sign-in background: compress to under 1 MB for faster page loading.
- Logos: compress to under 200 KB for faster page loading.
- File type
- Sign-in background: JPEG works best, but any web image is supported.
- Logos: PNG or SVG with a transparent background is recommended.
- Size / aspect ratio
- Sign-in background: up to 5120 × 2880 px is a practical upper bound. Most users will not view at full resolution.
- Logos: displayed horizontally at 1:4.625 and do not need to exceed 600 px width (for high-resolution displays).
- How each logo is displayed
- Sign-in (login) logo: rendered centered in a fixed area roughly 240 px wide by 96 px tall. The image is scaled to the width, so a tall or square logo is clipped top and bottom on the login screen. Use a wide, horizontal logo close to the 1:4.625 ratio above; there is no size check at upload time, so cropping only becomes visible on the login page itself.
- LMS header logo: shrunk to fit within roughly 161 × 26 px, without cropping. Very wide logos display small.
- WebLink header logo: scaled to roughly 31 px tall within a 275 px wide area on desktop, and 20 px tall within 143 px on mobile.
- Contrast
- The sign-in logo is displayed on a light background.
- The header logo may be displayed on a light or dark background.
Product cards
- Image dimensions: at least 380 px wide and 190 px tall. Larger images are recommended to allow for bleed.
- Supported formats: JPEG, PNG, SVG.
- File size: optimize for performance. Recommended maximum is 300 KB where possible.
- Recommended image styles: 1. Strong central focus with ~20% bleed area
- Example 1
-
Example 2
- Patterns or abstract imagery
- Example 1
- Example 2
- Images may be cropped. Avoid selecting images with important details (especially text) near the edges. This also supports accessibility best practices.
