- Main Brand Color:
#e9e1d1
- The font setup, including sizes and weights, is conveniently defined within the Tailwind CSS configuration, allowing for easy customization and application across the project.
- Normal (Body Text): The default size for paragraph text, designed for optimal readability.
- Heading (H1, H2, H3, etc.): Specifically defined sizes for headings to establish hierarchical structure and draw attention to key sections.
- Sub-heading: Ideal for subtitles or secondary headings, offering a step between body text and main headings for smooth visual flow.
Our color palette, detailed within the Tailwind CSS config file, is crafted to complement our primary color. It includes a range of shades designed for accessibility, ensuring that all users enjoy a beautiful and functional UI.
Refer to the tailwind.config.js file to customize fonts, font sizes, and colors. This file serves as your central hub for design system settings, enabling a cohesive appearance across your project.
Dive into the project by editing app/page.tsx. Live updates will show as you make changes!
When making changes to the library, you should create a new branch for your changes.
If you're making changes to a repo on GitHub, copy/paste the following commands when you're making your first commit:
git checkout -b {your-name/feature}
git add .
git commit -m "New Feature"
git push --set-upstream origin '{your-name/feature}'
git checkout main
REPLACE {your-name/feature} with your name and the feature you're adding! If it's not your first commit, use git push rather than git push --set-upstream origin {your-name/feature}
Then head over to the GitHub repo online and create a pull request from the branch you just created.
After the first commit you don't need to copy/paste the the above again, you can make commits as usual.
Happy coding!
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.