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. Only for use on the subject pages to clearly delineate the different sections.

• For subject pages only
• Only with a full-width background image
• One line of text
• Image needs to be 1700 × 300 pixels

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