Publishing resources for Cisco.com

Have an account?

  •   Personalized content
  •   Your products and support

Need an account?

Create an account

Homepage Mosaic

About the component

The Hero, Wide, and Narrow Mosaic tiles are used strictly for the Cisco.com homepage. Mosaic elements themselves are clickable and can navigate to top performing resources, case studies, announcements, promotions, events, blogs, webinars, offers, or news and events. The eyebrow field is used to specify the category your content belongs inside. Content is displayed as a title. Upon hover, an asset description appears.


Examples

Cisco.com

Sample variations

Layout 1

Hero (Split): 768x432

Wide: 846x564

Narrow: 1008x567

Narrow: 582x388

 

Layout 2

Hero (Full): 1280x480

Narrow: 1008x567

Wide: 846x564

Sample variations

Layout 3

Wide: 846x564

Narrow: 1008x567

Hero (Split): 768x432

Narrow: 582x388

Character suggestion

Ideal character counts:

Eyebrow: 15 to 30

Hero title: 25 to 70

Description: 45 to 120

Wide title: 15 to 55

Description: 15 to 70

Narrow title: 10 to 40

Description: 10 to 45

Background colors

Resized samples