F1 Color Schemes

F1 comes with some predefined color schemes.
Off On

F1 Color Schemes

F1 comes with some predefined color schemes.
  • Primary-1
  • Primary-2
  • Primary-3
  • Primary-4
  • Primary-5
  • Primary-6
  • Secondary

Accordion Style

We tried to set our color style so dynamic that jsut add the color classes to your contents that's it. It will set the color automatically
	
		<div class="color_pallete">
		                    <ul>
		                        <li class="radius2 primary1_bg">
		                            Primary-1
		                        </li>
		                        <li class="radius2 primary2_bg">
		                            Primary-2
		                        </li>
		                        <li class="radius2 primary3_bg">
		                            Primary-3
		                        </li>
                                <li class="radius2 primary4_bg">
		                            Primary-4
		                        </li>
                                <li class="radius2 primary5_bg">
		                            Primary-5
		                        </li>
                                <li class="radius2 primary6_bg">
		                            Primary-6
		                        </li>
		                        <li class="radius2 secondary1_bg">
		                            Secondary
		                        </li>
		                    </ul>
		                </div>
	

This is a typography color for text

This is a typography color for text

This is a typography color for text

This is a typography color for text

This is a typography color for text

This is a typography color for text

Text Color Style

We tried to set our color style so dynamic that jsut add the color classes to your contents that's it. It will set the color automatically
    
        <div class="fcolor_box">
		                   <h4 class="primary1_color light_weight">This is a typography color for text</h4>
		                   <h4  class="primary2_color light_weight">This is a typography color for text</h4>
		                   <h4  class="primary3_color light_weight">This is a typography color for text</h4>
		                   <h4  class="primary4_color light_weight">This is a typography color for text</h4>
		                   <h4  class="primary5_color light_weight">This is a typography color for text</h4>
		                   <h4  class="primary6_color light_weight">This is a typography color for text</h4>
		                </div>