University of St Andrews

Panel grid

The panel grid pattern arranges panel items in a two column grid.

• Panels should be arranged equally into two columns.
• Panel must elements never appear outside of a grid.

Colour options

A variety of colours are available, in keeping with the colour palette.

	

		

			

				

					
					
					

					
					    

					        
Primary
					    
					
					    

					    
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque adipisci id perspiciatis veniam magnam! Numquam incidunt placeat eos cum. Beatae perspiciatis officiis sint harum.
					
					
					
					
					
				
				

					
					
					

					
					    

					        
Secondary
					    
					
					    

					    
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque adipisci id perspiciatis veniam magnam! Numquam incidunt placeat eos cum. Beatae perspiciatis officiis sint harum.
					
					
					
					
					
				
			
			

				

					
					
					

					
					    

					        
Tertiary 1
					    
					
					    

					    
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque adipisci id perspiciatis veniam magnam! Numquam incidunt placeat eos cum. Beatae perspiciatis officiis sint harum.
					
					
					
					
					
				
				

					
					
					

					
					    

					        
Tertiary 2
					    
					
					    

					    
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque adipisci id perspiciatis veniam magnam! Numquam incidunt placeat eos cum. Beatae perspiciatis officiis sint harum.
					
					
					
					
					
				
			
			

				

					
					
					

					
					    

					        
Tertiary 3
					    
					
					    

					    
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque adipisci id perspiciatis veniam magnam! Numquam incidunt placeat eos cum. Beatae perspiciatis officiis sint harum.
					
					
					
					
					
				
				

					
					
					

					
					    

					        
Primary
					    
					
					    

					    
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque adipisci id perspiciatis veniam magnam! Numquam incidunt placeat eos cum. Beatae perspiciatis officiis sint harum.