Website design for a fictional bakery: Ruby's Cupcakes.
This is a great place to practice CSS, HTML, and contributing to open source and #Hacktoberfest! Please read through the documentation carefully before contributing.
The design system is created to be both flexible... and strict.
You must:
- Follow the color palette
- Only use the provided font families
You should feel free to:
- Add in fun animations or special effects
- Suggest UI improvements through issues
Interactive XD Prototype: https://xd.adobe.com/view/a8dd4f8b-bb8f-4d89-b7a9-9db06f175b0e-fd8e/
In the right-hand-panel you will find a 'code' tab. This will let you inspect different parts of the design to see things like their size, color, font, etc. Sort of like dev tools for design.
- Background gradient: linear-gradient(#FBEFFF, #F9E2F4)
- Light Pink: #FBEFFF
- Bright Pink: #DA4167
- Blue: #004E89
- General font: #002E52
- Placholder font: #A3B4C1
In the Interactive XD Prototype (see above), when you open the 'code' tab in the right-hand-panel you will find an option to download assets.
- All images are from https://unsplash.com/
- Icons are from Font Awesome: https://fontawesome.com/
- Open or claim an Issue before contributing. It helps keep track of the work and prevents many people working on the same thing.
- Add comments where necessary
- KISS - Keep It Simple, Supporter! Fancy code is fun, but simple code is easy to read and easy to maintain. Always favour simplicity.
- DRY - Don't Repeat Yourself! Why do in many lines of code... what you could do with a few well placed CSS classes.
- Open or claim an Issue
- Fork the repository
- Clone to your local (git clone https://github.com/yourUserName/Rubys-Cupcakes.git)
- Create a new branch (git checkout -b branchName)
- Make code changes
- Get ready for commit (git add .)
- Commit your changes with a concise, descriptive message (git commit -m "Very concise message")
- Push your changes (git push)
- Create a Pull Request, make sure you reference the Issue # and describe your work