Header & Filters

Title, category filters and share links

Image/Video with text underneath

Larger item stretches 50% across.

The landscape images use the same 16:9 ratio as the rest of the site : 755px x 425px. The portrait images are : 426px x 526px.

Potentially any size image can be used, but these sizes give the best overall aesthetic for the masonry layout.

Image/Video with text overlay

Image has a slight black gradient at the bottom to help with the legibility of the text overlay.

Image/Video with text panel

White panel overlay, centred with opacity.

Image with full text overlay

Background can be an image or a full colour.

Image only

The larger column stretches 50% across.

The landscape images use the same 16:9 ratio as the rest of the site : 755px x 425px. The portrait images are : 426px x 526px

Potentially any size image can be used, but these sizes give the best overall aesthetic for the masonry layout.

Brown Thomas Style Guide