Design

If you want to build a product you have to start with a design template that will at the very least include some information that your designers can action. I have embedded the figma that I use for every project below with some tips on how to get started.

1. Start by choosing your fonts and logos

2. Next you want to update your fonts in your project by navigating to FrontEnd/app/layout.tsx and update your fonts with the ones you have chosen in your design.

3. Once your fonts have been updated. Create your extentions for the fontFamily utility class in the tailwind.config under Frontend/tailwind.config.ts make sure to use the correct variable naming: var(--accent-font).