University of St Andrews

News updates

The news updates pattern displays featured links including meta data in two columns. The pattern is intended for landing pages and provides a solution for linking to articles, such as news items or blog posts.

Rules for news updates

• There must be only one news updates section on a page.
• There must be a maximum of one category per article link.
• Featured images must be 750 × 500 pixels.

Options available

• Default
• Aside only
• Case study only

Default

The default option contains a ⅔ width column for a featured news update and a ⅓ width column for two other updates. Must only be used only within main content of a page.

• Images for secondary items must be 360 × 240 pixels.

    

        
More news
        

            

                

                    

                        
                    
                    

                        
Featured update
                        
This section of text should not exceed 220 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetuor.
                        8 June 2018News at St Andrews 
                    
                    

                
            
            

                

                        

                            
                        
                        

                            
Secondary update 1
                            9 June 2018
                            News at St Andrews
                        
                
                

                        

                            
                        
                        

                            
Secondary update 2
                            10 June 2018
                            News at St Andrews
                        
                
            
        
    

Aside only

Must only be used in the aside of a page.

• Images must be 360 × 240 pixels.

    

        
Top stories
        

            

                

                        

                            
                        
                        

                            
Top story 1
                            14 August 2018
                            News at St Andrews
                        
                
                

                        

                            
                        
                        

                            
Top story 2
                            12 August 2018
                        
                
            
        
    

Case study only

The case study option contains a 5/12 width column for a featured news update and a 7/12 width column for three other updates.

• Must only be used for case studies.
• Images for secondary items must be 200 × 200 pixels.

    

        

            

                
Case Studies
            
            

                All case studies
            
        
        

            

                

                    
                    
Featured update
                    
This section of text should not exceed 220 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetuor.
                    8 June 2018News at St Andrews 
                
                
            
            

                

                        

                            
Top story 1
                            
This section of text should not exceed 220 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetuor.
                            14 August 2018News at St Andrews
                        
                        

                            
                        
                
                

                        

                            
Top story 2
                            
This section of text should not exceed 220 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetuor.
                            12 August 2018News at St Andrews
                        
                        

                            
                        
                
                

                        

                            
Top story 3
                            
This section of text should not exceed 220 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetuor.
                            12 August 2018