A dark blue background with a sidebar on the left. The sidebar contains a notes icon at the top and a circular "+" button below it.
Sign in to like and favorite skills
A dark blue background with a sidebar on the left. The sidebar contains a notes icon at the top and a circular "+" button below it.
At the top of the main area, display the word "NOTES" in large, bold, white text, followed by a search bar labeled "Search."
Below the header, show a grid of four square note cards, each with a different background color (light green, orange, dark brown, and light blue).
Each note card contains the text "this is a pragraph written in the notes" in bold, black font.
Use the reference Image that I provided.
The overall style should be clean, modern, and easy to read, with rounded corners on the cards and sidebar.
