Welcome to Wansati Hackthon's style guide! This page contains information about the styles in this application.
We use TailwindCSS as our CSS framework. You can find the official TailwindCSS documentation here: https://tailwindcss.com/docs.
Our application uses a specific color palette to maintain consistency throughout the design. Here are the colors we use:
- Primary: #D90452
- Secondary: #F24BA7
- Tertiary: #F263C0
- Quaternary: #4CBDD0
We use the following font families for our application:
- Sans-serif: "Inter", sans-serif
- Serif: "Playfair Display", serif
Here are the font sizes we use for different headings:
- h1: text-4xl
- h2: text-3xl
- h3: text-2xl
- h4: text-xl
- h5: text-lg
- h6: text-base
We use the following classes to style our buttons:
- Primary: bg-primary text-white font-medium py-2 px-4 rounded-md
- Secondary: bg-secondary text-white font-medium py-2 px-4 rounded-md
By following these styles, we can maintain consistency throughout our application.