Logo

MentorGatsby Chakra UI Template

Style guide

This guide serves as a reference for all design and content creation, ensuring a cohesive and professional representation of your brand. By following the guidelines outlined in the Style Guide, your brand will have a consistent look and feel, making it easily recognizable and trustworthy to your audience.

Colors

Brand

  • 50
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

Primary

  • 50
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

Secondary

  • 50
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

Natural

  • white
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

Heading

  • 4XL

  • 3XL

  • 2XL

  • H1

  • H2

  • H3

  • H4

  • H5
  • H6

Paragraph

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Quisque placerat facilisis egestas cillum dolore. Magna pars studiorum, prodita quaerimus. Morbi fringilla convallis sapien, id pulvinar odio volutpat. Paullum deliquit, ponderibus modulisque suis ratio utitur.

Unorderlist

  • Streamline your workflow with multi-level parallelism.
  • Maximize efficiency with high-performing concurrent solutions.
  • Stay driven and productive with task-focused solutions.

Orderlist

  1. Streamline your workflow with multi-level parallelism.
  2. Maximize efficiency with high-performing concurrent solutions.
  3. Stay driven and productive with task-focused solutions.

Solid

Outline

Ghost

Sizes

Logo

MentorGatsby Chakra UI Template

Mentor is a visually appealing Gatsby.js template that takes advantage of the capabilities of Chakra UI to generate a contemporary and sophisticated website.

Subscribe to my weekly newsletter

You won't receive any spam! ✌️


© Template by Themebiotic - Powered by Gatsby