V.4.12
Brand Guidelines
Detailed view of all the main brand assets across the pages.
V.4.12
Brand Guidelines
Detailed view of all the main brand assets across the pages.
V.4.12
Brand Guidelines
Detailed view of all the main brand assets across the pages.
Logo
Appears in the header and footer, linking back to the homepage. It keeps a consistent variants usage to ensure the correct brand recognition.
Original
Black
White
Inverted
Logo
Appears in the header and footer, linking back to the homepage. It keeps a consistent variants usage to ensure the correct brand recognition.
Original
Black
White
Inverted
Logo
Appears in the header and footer, linking back to the homepage. It keeps a consistent variants usage to ensure the correct brand recognition.
Original
Black
White
Inverted
Colors
Colors define the visual hierarchy and guide user interactions on the website. They help differentiate primary actions, backgrounds, text, and status indicators, ensuring a clear and accessible user experience.
Primary
Used for main action buttons, key links, and highlights to direct user focus.
50
100
200
300
400
600
700
800
900
950
Secondary
Applied to supporting elements like secondary buttons, backgrounds, and UI accents.
50
100
200
300
400
600
700
800
900
950
Grayscale
Defines dividers, and background contrasts to enhance readability.
50
100
200
300
400
600
700
800
900
950
Shades
Black and white variations provide depth and contrast for elements like shadows, borders, and overlays.
White
Black
Colors
Colors define the visual hierarchy and guide user interactions on the website. They help differentiate primary actions, backgrounds, text, and status indicators, ensuring a clear and accessible user experience.
Primary
Used for main action buttons, key links, and highlights to direct user focus.
50
100
200
300
400
600
700
800
900
950
Secondary
Applied to supporting elements like secondary buttons, backgrounds, and UI accents.
50
100
200
300
400
600
700
800
900
950
Grayscale
Defines dividers, and background contrasts to enhance readability.
50
100
200
300
400
600
700
800
900
950
Shades
Black and white variations provide depth and contrast for elements like shadows, borders, and overlays.
White
Black
Colors
Colors define the visual hierarchy and guide user interactions on the website. They help differentiate primary actions, backgrounds, text, and status indicators, ensuring a clear and accessible user experience.
Primary
Used for main action buttons, key links, and highlights to direct user focus.
50
100
200
300
400
600
700
800
900
950
Secondary
Applied to supporting elements like secondary buttons, backgrounds, and UI accents.
50
100
200
300
400
600
700
800
900
950
Grayscale
Defines dividers, and background contrasts to enhance readability.
50
100
200
300
400
600
700
800
900
950
Shades
Black and white variations provide depth and contrast for elements like shadows, borders, and overlays.
White
Black
Text Styles
Typography establishes the website’s readability, structure, and visual rhythm. It ensures that text elements from hea dlines to body copy are well-organized, scannable, and easy to consume across different device screen sizes. The one used on this website is "Anek Bangla" from Google Fonts.
Headings → Major Third (1.2) tweaked
D1 display
D2 display
D3 display
Hx heading
H1 heading
H2 heading
H3 heading
H4 heading
H5 heading
H6 heading
HB HEADING
Hm heading
Body
Boosting your productivity starts with the right tools and mindset. Whether you’re streamlining your workflow, organizing tasks more efficiently, or finding better ways to collaborate, small improvements can lead to big results. By optimizing your daily habits, minimizing distractions, and leveraging the latest technology, you can achieve more in less time.
Small
Efficiency is the foundation of success in any work environment. When you streamline your tasks, prioritize effectively, and use the right tools, you can accomplish more with less effort. Small daily improvements, like setting clear goals and eliminating unnecessary distractions, can have a significant impact on your overall productivity.
Links
Primary 500 + U
Looking for the best way to improve your workflow? Click Here to explore powerful tools and tips or Click Here to unlock new strategies to boost productivity today!
Looking for the best way to improve your workflow? Click Here to explore powerful tools and tips or Click Here to unlock new strategies to boost productivity today!
Grayscale 900
Grayscale 900
Looking for the best way to improve your workflow? Click Here to explore powerful tools and tips or Click Here to unlock new strategies to boost productivity today!
Looking for the best way to improve your workflow? Click Here to explore powerful tools and tips or Click Here to unlock new strategies to boost productivity today!
Primary 50 + U
Primary 50 + U
Looking for the best way to improve your workflow? Click Here to explore powerful tools and tips or Click Here to unlock new strategies to boost productivity today!
Looking for the best way to improve your workflow? Click Here to explore powerful tools and tips or Click Here to unlock new strategies to boost productivity today!
Text Styles
Typography establishes the website’s readability, structure, and visual rhythm. It ensures that text elements from hea dlines to body copy are well-organized, scannable, and easy to consume across different device screen sizes. The one used on this website is "Anek Bangla" from Google Fonts.
Headings → Major Third (1.2) tweaked
D1 display
D2 display
D3 display
Hx heading
H1 heading
H2 heading
H3 heading
H4 heading
H5 heading
H6 heading
HB HEADING
Hm heading
Body
Boosting your productivity starts with the right tools and mindset. Whether you’re streamlining your workflow, organizing tasks more efficiently, or finding better ways to collaborate, small improvements can lead to big results. By optimizing your daily habits, minimizing distractions, and leveraging the latest technology, you can achieve more in less time.
Small
Efficiency is the foundation of success in any work environment. When you streamline your tasks, prioritize effectively, and use the right tools, you can accomplish more with less effort. Small daily improvements, like setting clear goals and eliminating unnecessary distractions, can have a significant impact on your overall productivity.
Links
Primary 500 + U
Looking for the best way to improve your workflow? Click Here to explore powerful tools and tips or Click Here to unlock new strategies to boost productivity today!
Grayscale 900
Looking for the best way to improve your workflow? Click Here to explore powerful tools and tips or Click Here to unlock new strategies to boost productivity today!
Primary 50 + U
Looking for the best way to improve your workflow? Click Here to explore powerful tools and tips or Click Here to unlock new strategies to boost productivity today!
Text Styles
Typography establishes the website’s readability, structure, and visual rhythm. It ensures that text elements from hea dlines to body copy are well-organized, scannable, and easy to consume across different device screen sizes. The one used on this website is "Anek Bangla" from Google Fonts.
Headings → Major Third (1.2) tweaked
D1 display
D2 display
D3 display
Hx heading
H1 heading
H2 heading
H3 heading
H4 heading
H5 heading
H6 heading
HB HEADING
Hm heading
Body
Boosting your productivity starts with the right tools and mindset. Whether you’re streamlining your workflow, organizing tasks more efficiently, or finding better ways to collaborate, small improvements can lead to big results. By optimizing your daily habits, minimizing distractions, and leveraging the latest technology, you can achieve more in less time.
Small
Efficiency is the foundation of success in any work environment. When you streamline your tasks, prioritize effectively, and use the right tools, you can accomplish more with less effort. Small daily improvements, like setting clear goals and eliminating unnecessary distractions, can have a significant impact on your overall productivity.
Links
Primary 500 + U
Looking for the best way to improve your workflow? Click Here to explore powerful tools and tips or Click Here to unlock new strategies to boost productivity today!
Grayscale 900
Looking for the best way to improve your workflow? Click Here to explore powerful tools and tips or Click Here to unlock new strategies to boost productivity today!
Primary 50 + U
Looking for the best way to improve your workflow? Click Here to explore powerful tools and tips or Click Here to unlock new strategies to boost productivity today!
Call to Actions
Buttons
Your primary button will be the main to use for attention and actions to take.
Badges
Used for small information details that require attention
Badge
Badge
Icons → Phosphor
Pack of icons used across the site, this ensures consistency
Call to Actions
Buttons
Your primary button will be the main to use for attention and actions to take.
Badges
Used for small information details that require attention
Badge
Badge
Icons → Phosphor
Pack of icons used across the site, this ensures consistency
Call to Actions
Buttons
Your primary button will be the main to use for attention and actions to take.
Badges
Used for small information details that require attention
Badge
Badge
Icons → Phosphor
Pack of icons used across the site, this ensures consistency