University of St Andrews

Section header

The section header pattern contains the name of a section with either a full-width dark or light colour background image. It must only be used on the subject pages to clearly separate the different sections.

Rules for the section header

• Must only be used on subject pages.
• Must only be used with a full-width background image.
• Must only contain one line of text.
• Background image must be 1700 × 300 pixels

Options available

• Dark grey text on light background
• White text on dark background

Dark grey text on light background

Add a section-header--bg-lighten class.

    

    	

    		

		        

		            
Lorem ipsum dolor
		        
    		
		
	

White text on dark background

Add section-header--inverse long-form--bg-darken classes.

    

    	

    		

		        

		            
Lorem ipsum dolor