Include your branding with your video programming. Provide Wurl with two versions of your logo as described below. Optionally, you can also provide Wurl with custom thumbnails for each show you distribute. If no show thumbnails are provided, these images will be generated in-house.
Wurl’s Channels Player promotes video producer logos. We require logos in two formats: (1.) color and (2.) reverse monochrome.
- Color logo images must be readable against a background that is black or near black semi-transparent overlay. (See below left)
- Color logos may not include gradients.
Reverse Monochrome Logos
- Reverse logos should be monochrome very light gray: hex value #ebebeb or rgb(235, 235, 235). Absolute white #ffffff is too harsh for lean back viewing.
General Guidelines for Logos
- Logos will be placed in the UI in small sizes, therefore a logo that visually reads at a small size is best. For instance, © and TM will NOT be visible. Don’t include.
- Logos will be sized via CSS background-size: contain; rule. This means the logos will be sized to fit within the given container space. In general, a logo with an aspect ratio close to 3.5:2 (width:height) will best fill the space allowed for logos in UI. (See below right)
- Preferred file formats are: .svg (Scalable Vector Graphic), .ai (Adobe Illustrator) or .eps (Encapsulated Post Script) vector image with transparent background. Convert all fonts to outlines first.
- All text must be readable when logo is reduced to fit in UI (56px x 32px). Minimum text height in UI is 16px/1rem.
- File dimension requirements are:
.svg/.ai/.eps (vector image): since these file formats are scalable vectors, they’re flexible by nature. A file that’s ~350 x ~200px is good.
Examples in Channels User Interface:
Thumbnails are used in three sizes to represent programming on Wurl’s distribution platforms. If thumnbail artwork isn’t provided, Wurl will generate frames to represent shows:
- File type: .jpg
Thumbnails should be generated in three sizes. File dimensions are:
- 480 pixels x 270 pixels (16 x 9)
- 444 pixels x 333 pixels (4 x 3)
- 300 pixels x 300 pixels (square)