🎨 Color Scheme

Primary Color Palette

• Main Brand Color: #e9e1d1

Tailwind CSS Configuration

• The font setup, including sizes and weights, is conveniently defined within the Tailwind CSS configuration, allowing for easy customization and application across the project.

📏 Font Sizes and Usage

• 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.

Colors

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.

Configuring Tailwind CSS

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.

🛠 Editing the Project

Dive into the project by editing app/page.tsx. Live updates will show as you make changes!

GitHub Workflow

When making changes to the library, you should create a new branch for your changes.

Making 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.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open 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.

Learn More

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!

Deploy on Vercel

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.