Navbox

The navbox pattern is used to present featured navigation items with an optional background image and paragraph.

Rules for the navbox

• Must only be used within the main body of the page or within the aside.
• Must only link to an internal webpage or web application.
• Medium navboxes must not have a title that exceeds 88 characters.
• Small navboxes must not have a title that exceeds 57 characters.
• When using an image, the image must relate to the link destination.
• Navboxes with accompanying paragraphs must not have more than 300 characters.

Navbox sizes

Navboxes are available in two different sizes: regular (⅓) and large (½). Available combinations of these sizes can been found on the navbox-grid pattern page.

If using an image, see the table below for image sizes.

Options available

• Navbox sizes
• Navbox with image and paragraph
• Navbox with image
• Navbox with paragraph
• Navbox without image and paragraph

Navbox sizes

    

        

            

                
            
            

                Regular (⅓)
            
        
    


    

        

            

                
            
            

                Large (½)
            
        
    

Navbox with image and paragraph

    

        

            

                
            
            

                Study
            
        
        
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    

Navbox with image

    

        

            

                
            
            

                Study
            
        
    

Navbox with paragraph

    

        

            

                Study
            
        
        
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    

Navbox without image and paragraph

    

        

            

                Study