Homepage Editor Essentials | Guide to Web Standards | Kent State University

Homepage Editor Essentials

The requirements for the www.kent.edu homepage can be found below:


Header Logo

The header logo is added through code and should be sized to 215 pixels by 60 pixels. 

Header logo image example.


Video

Video Text SVG

The video text SVG should be sized to 500 pixels x 291 pixels and uploaded using the homepage video content type.

Video Specifications

Filter

Kent State blue solid with 50 percent opacity, blending mode with a hard/soft light or overlay.

Length

30 seconds (three 10 second shots)

Resolution

1400 x 788 (16:19)

Bitrate

1 mbps (2 pass VBR).

File format

h.264 mp4

Homepage Video SVG example.

Video Background Image Still (displayed on mobile)

The video background image still (displayed on mobile) should be sized to 3840 pixels x 2160 pixels and uploaded using the homepage video content type.

Video background image still (displayed on mobile)


Featured at Kent State

Featured at Kent State renders images on the homepage at 960 pixels x 640 pixels. Images are originally uploaded in the article content type at an image size of 1500 pixels by 600 pixels. The images are pulled in via the media field. 

Example of Featured at Kent State image size rendering of 960 x 640 pixels.


Mosaic

Mosaic Header Image

The mosaic header image is 600 pixels x 269 pixels and is a fieldable panel pane. 

The mosaic header image example pictured represents the required 600 x 269 pixels.

Mosaic Background Image

The mosaic background image displays at 1440 pixels x 1474 pixels and is added through a fieldable panel pane.

Mosaic background image example that displays at 1440 x 1474 pixels.


Featured People

Featured People Header SVG

The featured people header SVG renders at 760 pixels x 308 pixels and is added through the code.

The featured people header SVG example - it renders at 760 x 308 pixels.

Featured People Article Image

The featured people article image renders at 900 pixels x 600 pixels and is pulled in via the media field in an article content type. The images are originally added in the media field as 1500 pixels x 600 pixels. 

The people section article images render at 900 x 600 pixels on the homepage.

FEATURED PEOPLE summary

The featured people summary text will automatically pull the first paragraph of the body section by default, however, you can choose to override this in the summary field, found above the summary section. This copy then flows into the featured people section as teaser copy. This copy does not include breaks and should be limited to 295 characters. The link to "learn more" will distinguish the link to screen readers, by reading the title of the article through the aria-label.  

The teaser will automatically pull the first paragraph, but you can choose to override this in the summary field (above the body section). Keep in mind there are no paragraph breaks in the teaser content.


Footer

Footer Background Image

The footer background image renders at 1400 pixels x 932 pixels and is added through the code. 

The footer background image is added through the code and renders at 1400 x 932 pixels.

Footer Logo

The footer logo renders at 300 pixels x 88 pixels and is added through the code. 

The footer logo is added through the code at 300 x 88 pixels.