Typography

  1. Font family, size, color, etc.
  1. Home
  2. Typography
Heading

Page Title

  1. Font: Nunito Sans
  2. Size: 1.35rem
  3. Color: #555555
  4. Line Height: 1.2
Example:
Copy HTML here
 
<h2 class="pagetitle mb-1 pt-0">Page Title</h2>
Copy CSS here
 
.pagetitle {
    color: var(--secondary-color);
    font-size: 1.35rem;
    margin-bottom: 1.5rem;
    line-height: 1.2;
    padding-top: 10px;
    letter-spacing: -0.02em;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 0.5rem;
}

@media (min-width: 992px) {
    .pagetitle {
        font-size: 1.5rem;
    }
}
Body text heading

Card Activation

  1. Font: Nunito Sans
  2. Size: 14px
  3. Color: #555555
Example:
Copy HTML here
 
<p class="text-sm fw-bold">Card Activation</p>
Copy CSS here
 

                                                    

                                                

                                            

                                            

                                        

                                    

                                

                            

                        

                    


                    

                        

                            

                                

                                    Body text
                                


                                

                                    

                                        

                                            
This is a body/paragraph text
                                            
    
                                                
  1. Font: Nunito Sans
    2. 
                                                
                                                
  2. Size: 12px
    3. 
                                                
                                                
  3. 
                                                    
    Color: #555555
    
                                                
    4. 
                                            

                                            
Example:

                                            

                                                
                                            

                                        


                                    

                                    

                                        

                                            

                                                

                                                    

                                                        
Copy HTML here

                                                        
                                                    

                                                    
                                                    

                                                        
<p>This is a body/paragraph text</p>

                                                    

                                                

                                                

                                                    

                                                        
Copy CSS here

                                                        
                                                    

                                                    
                                                    

                                                        

                                                    

                                                

                                            

                                            

                                        

                                    

                                

                            

                        

                    


                    

                        

                            

                                

                                    Body bold text
                                


                                

                                    

                                        

                                            
This is a body bold text
                                            
    
                                                
  1. Font: Nunito Sans
    2. 
                                                
                                                
  2. Size: 12px
    3. 
                                                
                                                
  3. 
                                                    
    Color: #555555
    
                                                
    4. 
                                            

                                            
Example:

                                            

                                                
                                            

                                        

                                    

                                    

                                        

                                            

                                                

                                                    

                                                        
Copy HTML here

                                                        
                                                    

                                                    
                                                    

                                                        
<p>This is a body bold text</p>

                                                    

                                                

                                                

                                                    

                                                        
Copy CSS here

                                                        
                                                    

                                                    
                                                    

                                                        

                                                    

                                                

                                            

                                            

                                        

                                    

                                

                            

                        

                    


                    

                        

                            

                                

                                    Sub Heading
                                

                                

                                    

                                        

                                            

                                                Daily Tasks
                                            

                                            
    
                                                
  1. Font: Nunito Sans
    2. 
                                                
                                                
  2. 
                                                    
    Color: #555555
    
                                                
    3. 
                                            

                                            
Example:

                                            

                                                
                                            

                                        


                                    

                                    

                                        

                                            

                                                

                                                    

                                                        Copy HTML here
                                                        
                                                    

                                                    
                                                    

                                                        
<h5 class="heading01">Daily Tasks</h5>

                                                    

                                                

                                                

                                                    

                                                        Copy CSS here
                                                        
                                                    

                                                    
                                                    

                                                        
.heading01 {
    font-size: var(--primary-heading-fontsize);
    color: var(--secondary-color);
    font-weight: bold;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

                                                    

                                                

                                            

                                            

                                        

                                    

                                

                            

                        

                    


                    

                        

                            

                                

                                    Heading 3
                                


                                

                                    

                                        

                                            
User Details
                                            
    
                                                
  1. Font: Nunito Sans
    2. 
                                                
                                                
  2. 
                                                    
    Color: #555555
    
                                                
    3. 
                                            

                                            
Example:

                                            

                                                
                                            

                                        


                                    

                                    

                                        

                                            

                                                

                                                    

                                                        Copy HTML here
                                                        
                                                    

                                                    
                                                    

                                                        
<div class="px-0 heading03 mb-2 pt-0">User Details</div>

                                                    

                                                

                                                

                                                    

                                                        Copy CSS here
                                                        
                                                    

                                                    
                                                    

                                                        
.heading03 {
    font-size: var(--text-sm);
    padding: 5px 0px 10px;
    font-weight: 800;
    border-bottom: var(--border-color) solid 1px;
    margin-bottom: var(--base-fontsize);
}

                                                    

                                                

                                            

                                            

                                        

                                    

                                

                            

                        

                    


                    

                        

                            

                                

                                    Label
                                


                                

                                    

                                        

                                            
                                            
    
                                                
  1. Font: Nunito Sans
    2. 
                                                
                                                
  2. Font Size: 12px
    3. 
                                                
                                                
  3. 
                                                    
    Color: #555555
    
                                                
    4. 
                                            

                                            
Example:

                                            

                                                
                                            

                                        


                                    

                                    

                                        

                                            

                                                

                                                    

                                                        Copy HTML here
                                                        
                                                    

                                                    
                                                    

                                                        
<label class="label-text">Name:</label>

                                                    

                                                

                                                

                                                    

                                                        Copy CSS here
                                                        
                                                    

                                                    
                                                    

                                                        
.content-box .label-text, .label-text {
    font-size: var(--text-xs);
    color
Sets the color of an element's text
Learn more
Don't show
: var(--secondary-color);
    font-weight: 700;
}
label {
    display: inline-block;
}

                                                    

                                                

                                            

                                            

                                        

                                    

                                

                            

                        

                    


                    

                        

                            

                                

                                    Field text
                                


                                

                                    

                                        

                                            
Elisa Southall
                                            
    
                                                
  1. Font: Nunito Sans
    2. 
                                                
                                                
  2. Font Size: 12px
    3. 
                                                
                                                
  3. 
                                                    
    Color: #333333
    
                                                
    4. 
                                            

                                            
Example:

                                            

                                                
                                            

                                        


                                    

                                    

                                        

                                            

                                                

                                                    

                                                        Copy HTML here
                                                        
                                                    

                                                    
                                                    

                                                        
<div class="item_value">Elisa Southall</div>

                                                    

                                                

                                                

                                                    

                                                        Copy CSS here
                                                        
                                                    

                                                    
                                                    

                                                        

                                                    

                                                

                                            

                                            

                                        

                                    

                                

                            

                        

                    


                    

                        

                            

                                

                                    Bulletin Heading
                                


                                

                                    

                                        

                                            

                                                Team Bulletin
                                            

                                            
    
                                                
  1. Font: Nunito Sans
    2. 
                                                
                                                
  2. Font Size: 20px
    3. 
                                                
                                                
  3. 
                                                    
    Color: #555555
    
                                                
    4. 
                                            

                                            
Example:

                                            

                                                
                                            

                                        


                                    

                                    

                                        

                                            

                                                

                                                    

                                                        Copy HTML here
                                                        
                                                    

                                                    
                                                    

                                                        
<h5 class="heading01">Team Bulletin</h5>

                                                    

                                                

                                                

                                                    

                                                        Copy CSS here
                                                        
                                                    

                                                    
                                                    

                                                        
.heading01 {
    font-size: var(--primary-heading-fontsize);
    color: var(--secondary-color);
    font-weight: bold;
    letter-spacing: -0.02em;
    line-height: 1.5;
}


                                                    

                                                

                                            

                                            

                                        

                                    

                                

                            

                        

                    



                    

                        

                            

                                

                                    Menu text
                                


                                

                                    

                                        

                                            

                                                
NLV Marketing

                                            

                                            
    
                                                
  1. Font: Nunito Sans
    2. 
                                                
                                                
  2. Font Size: 12px
    3. 
                                                
                                                
  3. 
                                                    
    Color: #555555
    
                                                
    4. 
                                            

                                            
Example:

                                            

                                                
                                            

                                        


                                    

                                    

                                        

                                            

                                                

                                                    

                                                        Copy HTML here
                                                        
                                                    

                                                    
                                                    

                                                        
<div class="ms-2 c-details"><div class="card-text">NLV Marketing</div></div>

                                                    

                                                

                                                

                                                    

                                                        Copy CSS here
                                                        
                                                    

                                                    
                                                    

                                                        
.heading01 {
    font-size: var(--primary-heading-fontsize);
    color: var(--secondary-color);
    font-weight: bold;
    letter-spacing: -0.02em;
    line-height: 1.5;
}


                                                    

                                                

                                            

                                            

                                        

                                    

                                

                            

                        

                    


                    

                        

                            

                                

                                    Bulletin body text
                                


                                

                                    

                                        

                                            
Michael Folghera
                                            
    
                                                
  1. Font: Nunito Sans
    2. 
                                                
                                                
  2. Font Size: 12px
    3. 
                                                
                                                
  3. 
                                                    
    Color: #555555
    
                                                
    4. 
                                            

                                            
Example:

                                            

                                                
                                            

                                        


                                    

                                    

                                        

                                            

                                                

                                                    

                                                        Copy HTML here
                                                        
                                                    

                                                    
                                                    

                                                        
<div class="bull-auth-nam">Michael Folghera</div>

                                                    

                                                

                                                

                                                    

                                                        Copy CSS here
                                                        
                                                    

                                                    
                                                    

                                                        
.heading01 {
    font-size: var(--primary-heading-fontsize);
    color: var(--secondary-color);
    font-weight: bold;
    letter-spacing: -0.02em;
    line-height: 1.5;
}


                                                    

                                                

                                            

                                            

                                        

                                    

                                

                            

                        

                    


                    

                        

                            

                                

                                    Small texts
                                

                                

                                    

                                        

                                            
Next Pay Day:
 20/05/2025
       
    
                                                
  1. Font: Nunito Sans
    2. 
                                                
                                                
  2. Font Size: 10.5px
    3. 
                                                
                                                
  3. 
                                                    
    Color: #333333
    
                                                
    4. 
                                            

                                            
Example:

                                            

                                                
                                            

                                        


                                    

                                    

                                        

                                            

                                                

                                                    

                                                        
Copy HTML here

                                                        
                                                    

                                                    
                                                    

                                                        
<div class="small">Next Pay Day:<br> <span class="fw-bold">20/05/2025</span></div>

                                                    
s
                                                

                                            

                                            

                                                

                                                    

                                                        
Copy CSS here

                                                        
                                                    

                                                    
                                                    

                                                        
.btn-default {
    color: #ffffff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}


                                                    

                                                

                                            

                                            

                                        

                                    

                                

                            

                        

                    


                    

                        

                            

                                

                                    Inner menu text heading
                                

                                

                                    

                                        

                                            
MAKE

                                            
    
                                                
  1. Font: Nunito Sans
    2. 
                                                
                                                
  2. Font Size: 12px
    3. 
                                                
                                                
  3. 
                                                    
    Color: #555555
    
                                                
    4. 
                                            

                                            
Example:

                                            

                                                
                                            

                                        


                                    

                                    

                                        

                                            

                                                

                                                    

                                                        
Copy HTML here

                                                        
                                                    

                                                    
                                                    

                                                        
<div class="text-uppercase mt-1">MAKE</div>

                                                    

                                                

                                            

                                            

                                                

                                                    

                                                        
Copy CSS here

                                                        
                                                    

                                                    
                                                    

                                                        

                                                    

                                                

                                            

                                            

                                        

                                    

                                

                            

                        

                    


                    

                        

                            

                                

                                    Inner menu text
                                

                                

                                    

                                        

                                            
TESLA
                                            
    
                                                
  1. Font: Nunito Sans
    2. 
                                                
                                                
  2. Font Size: 12px
    3. 
                                                
                                                
  3. 
                                                    
    Color: #555555
    
                                                
    4. 
                                            

                                            
Example:

                                            

                                                
                                            

                                        


                                    

                                    

                                        

                                            

                                                

                                                    

                                                        
Copy HTML here

                                                        
                                                    

                                                    
                                                    

                                                        
<div class="text-sm fw-bold">TESLA</div>

                                                    

                                                

                                            

                                            

                                                

                                                    

                                                        
Copy CSS here

                                                        
                                                    

                                                    
                                                    

                                                        

                                                    

                                                

                                            

                                            

                                        

                                    

                                

                            

                        

                    


                    

                        

                            

                                

                                    Text for total / balance
                                

                                

                                    

                                        

                                            

                                                

                                                    

                                                        
Total Balance on Hand: $3,008.50

                                                        

                                                        
Available Balance to Claim: $1,537.52

                                                    

                                                

                                            

                                            
    
                                                
  1. Font: Nunito Sans
    2. 
                                                
                                                
  2. Font Size: 12px
    3. 
                                                
                                                
  3. 
                                                    
    Color: #555555
    
                                                
    4. 
                                            

                                            
Example:

                                            

                                                
                                            

                                        


                                    

                                    

                                        

                                            

                                                

                                                    

                                                        
Copy HTML here

                                                        
                                                    

                                                    
                                                    

                                                        
<div class="row align-items-center mb-3">
    <div class="col d-flex mt-4">
        <div class="w-100 mycarBox">
            <h6 class="text-sm fw-bold">Total Balance on Hand: <span class="color-red-dark color-green-dark">$3,008.50</span></h6>
            <div class="divider mb-2 mt-1"></div>
            <h6 class="text-sm fw-bold">Available Balance to Claim: <span class="color-red-dark color-green-dark">$1,537.52</span></h6>
        </div>
    </div>
</div>

                                                    

                                                

                                            

                                            

                                                

                                                    

                                                        
Copy CSS here

                                                        
                                                    

                                                    
                                                    

                                                        

                                                    

                                                

                                            

                                            

                                        

                                    

                                

                            

                        

                    


                    

                        

                            

                                

                                    Footer bar text
                                

                                

                                    

                                        

                                            

                                                Help Centre
                                            

                                            
    
                                                
  1. Font: Nunito Sans
    2. 
                                                
                                                
  2. Font Size: 10px
    3. 
                                                
                                                
  3. 
                                                    
    Color: #555555
    
                                                
    4. 
                                            

                                            
Example:

                                            

                                                
                                            

                                        


                                    

                                    

                                        

                                            

                                                

                                                    

                                                        
Copy HTML here

                                                        
                                                    

                                                    
                                                    

                                                        
<div id="" class="footer-bar text-center">
    <a href="/HelpCentre/HelpCentre"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-help-circle" data-feather-line="1" data-feather-size="21" data-feather-color="dark-green" data-feather-bg="light-green-fade" style="stroke-width: 1; width: 21px; height: 21px;"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg><span>Help Centre</span></a>
</div>

                                                    

                                                

                                            

                                            

                                                

                                                    

                                                        
Copy CSS here

                                                        
                                                    

                                                    
                                                    

                                                        
#footer-bar a span {
    position: relative;
    z-index: 2;
    display: block;
    font-size: 10px;
    font-weight: 500;
    opacity: .7;
}