Colors
Main Colors
The primary, secondary, and accent colors are essential elements of BIMLOGIQ's style guide, as they create a consistent visual identity throughout our website. The primary color is typically used for headlines and other key elements, while the secondary color is used for supporting text and backgrounds.
Accent colors are used sparingly to add emphasis and draw attention to important information. By following these guidelines for color usage, we ensure that our website remains cohesive and user-friendly, making it easier for visitors to engage with our content.
Primary Color
Secondary Color
#100
#DBEEFF
#300
#195083
#500
#0D3B66
#700
#072D51
#900
#00203F
#100
#FFE4DE
#300
#F97E60
#500
#EE6C4D
#700
#DC5D3F
#900
#C64A2C
Accent Color #1
Accent Color #2
#100
#FFF2D0
#300
#FFD871
#500
#F5CB5C
#700
#E6AE42
#900
#E09D37
#100
#E0F0FE
#300
#5886B5
#500
#3D6997
#700
#255380
#900
#0F3C69
Grays, Black and White
In addition to the primary, secondary, and accent colors, BIMLOGIQ's style guide also includes a set of neutral colors such as light and dark grays, white, and black. These colors play a crucial role in creating a clean and modern look for the website, and can be used for typography, backgrounds, and other design elements.
Lighter shades of gray can be used for subtle contrasts and to provide a sense of depth, while darker shades can be used to add weight and create a bolder look. White is often used for negative space, providing a sense of airiness and openness, while black can be used for text or backgrounds to create a dramatic effect.
Overall, these neutral colors are essential for creating a balanced and cohesive design for the BIMLOGIQ website.
Light Gray
Dark Gray
#050
#F5F5F5
#200
#EEEEEE
#300
#D3D3D3
#400
#BDBDBD
#500
#9B9B9B
#600
#707070
#700
#424242
#800
#303030
#900
#212121
White
Black
Primary
#FFFFFF
Primary
#000000
Semantic Colors
In BIMLOGIQ's style guide, semantic colors are used to convey meaning and hierarchy in the user interface. These colors include success green, warning yellow, and error red.
Success green is used to indicate a positive outcome or completion, while warning yellow is used to signify a potential issue or warning. Error red is used to indicate an error or critical issue. By using semantic colors consistently, BIMLOGIQ ensures a clear and understandable user experience.
Success
Warning
Primary
#67C57E
Tint
#F0FEF6
Primary
#F19B38
Tint
#FEFAF4
Error
Primary
#EB3223
Tint
#FDF6F6