Overview
The Homepage video banner is a block that is going to be used only once in the homepage.
The block consists of a video, a title, a description and a CTA. There is also a pause/play icon for interacting with the video in the background. This block is set to fill the full width of the page.
The text contained in the block (title and description) is set to reach the 60% of the grid on desktop and tablet and the 100% on mobile to ensure readability.
Video banner
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec congue est at ante egestas aliquam et at neque. Praesent fringilla magna non tempus suscipit.
Rules
This block must be used only once in the homepage. Due to its nature, it is the first block of content that the user will see when visiting the CJBS’s website. So, it serves a very precious purpose, to capture the attention of the users and to transfer the spirit of the school.
That is going to be achieved through the correct use of the 5 parts of this block which are:
- Video: It should be a short video in a wide ratio. Preferably, to match the overall style, it should be in black & white. The video is not going to have sound so it must communicate everything only with the images shown.
- Title:
- Title: This text, due to the nature of the block it is the only point in the entire website where capital letters are used in the whole sentence. The message should be comprehensive, short and bold.
- Description: A short paragraph to be used as a complementary text below the title, if needed.
- CTA: A CTA in case you want to transfer the user to another page.