Download
Share

Typography guidelines

One Alexandria family, three roles—headlines, support, and body—used with clear hierarchy and consistent tone.

Alexandria

QR Business Card uses a single family (Alexandria) for all roles. This builds recognition, keeps pages light, and ensures consistent rhythm across product and marketing.

Headlines: confident and compact, driving scannability.

Supporting: light-weight labels and subheads that guide, not compete.

Body: readable at small sizes with steady contrast. 

    





    

        
System
        
Font family and roles
        
    











    

		
        

            
            
                    


        
                    

                
Font resources

					

													

								
									Download Alexandria								
															

											

            

        
                
        


                            
                

                    


                        

                            Alexandria Semi-Bold                        


                                                    

                                Headlines and Callouts                            

                        
                                                    

                                Weight: 700                            

                        
                                                

                            

                                Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
                            

                        

                        
                        
                    


                


                            
                

                    


                        

                            Alexandria Regular                        


                                                    

                                Paragraph and Information                            

                        
                                                    

                                Weight: 400                            

                        
                                                

                            

                                Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
                            

                        

                        
                        
                    


                


                            
                

                    


                        

                            Alexandria Light                        


                                                    

                                Italic and Special                            

                        
                                                    

                                Weight: 300                            

                        
                                                

                            

                                Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
                            

                        

                        
                        
                    


                


            
        

            








    

        
Hierarchy
        
Typography in practice
        
    







    


                    

                HEADLINES: Alexandria Semi-Bold            

        
                    

                SUB‑HEADLINES: Alexandria Light            

        
                    

                SUPPORTING‑HEADLINES: Alexandria Regular            

        
                    
Call Out

        
                    

                Alexandria Regular for paragraphs and information.

                Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
            

        
                    

                Alexandria Light works great for quotes!
            

        
                    

                Author’s Name
            

        
    







    

        
Standards
        
Usage rules
        
    





    

        
Keep legibility, contrast, and rhythm.
        

            
Do
  • Use Alexandria across all roles for consistency.
  • Keep headline weights bold (700) and body regular (400).
  • Use the light (300) style for labels, captions, and subtle support.
  • Maintain strong color contrast; prefer dark navy surfaces with white text or vice versa.
  • Limit line length to ~45–75 characters for body copy.
  • Use real font weights—don’t fake bold/italic with transformations.
            
Don't
  • Mix more than two weights on a single screen.
  • Set long passages in all caps or excessive letter-spacing.
  • Place text over busy images without a readable overlay.
  • Use brand orange for long paragraphs (reserve it for accents).
  • Stretch, compress, or skew type to fit a space.
  • Drop body size below 14–16px on web without reason.
        

    









    

        
Sizing and scale
  • Desktop H1: 36–44px (theme default: 36px). Use for page titles and hero statements.
  • H2: 28–32px for section headers.
  • H3/Subhead: 20–24px, often weight 300 for contrast with H1/H2.
  • Body: 16–18px (theme default: 16px) with 1.4–1.6 line-height.
  • Captions/Meta: 14–16px, weight 300–400.
Scale relationships should feel stepped (not incremental). When space is tight, reduce headline size before reducing body copy below 16px.
    




Further guidance
Details to refine typography across surfaces.
Line length and spacing
Use ~45–75 characters per line for body. Line-height 1.4–1.6 on web; tighten slightly on large headlines. Add extra spacing above sections rather than between headline and its body.
Alignment and grids
Default to left-aligned rag for readability. Center align only for short marketing lines or CTA blocks. Snap baselines to an 8px or 4px grid where possible.
Emphasis and highlights
Use weight, color (theme:highlight), or size—one at a time. Avoid underlines unless indicating links. Keep highlight usage to short keywords or metrics.
Accessibility
Maintain sufficient contrast (WCAG AA). Don’t drop body below 16px on responsive breakpoints. Provide clear focus states and skip links where applicable.
Internationalization
Test headings for wrap and truncation. Avoid hard line breaks. Ensure numeral and punctuation spacing remains readable across locales.