-
-
Notifications
You must be signed in to change notification settings - Fork 12
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #37 from LeoUCon/patch-1
Create Hompage.md
- Loading branch information
Showing
1 changed file
with
38 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,38 @@ | ||
# RubyForGood Homepage UI Proposal | ||
|
||
## Main Menu | ||
|
||
- We can fill the primary button on the top right corner and add an outline to | ||
the secondary button. | ||
- The buttons without rounded corners would look more elegant here. | ||
|
||
## Slider | ||
|
||
- Slider picture is not loading in quickly and the transition isn't smooth. | ||
- The buttons without rounded corners would look more elegant here. | ||
|
||
## Featured Icons Section | ||
|
||
- The featured icons above the headers "WHAT WE DO AND WHO WE SUPPORT", | ||
"FOSTERING LEARNING AND BUILDING COMMUNITY", and "WHY WE NEED YOUR SUPPORT" | ||
should be able to stand alone without the background and can be colored teal | ||
with a larger component size. | ||
- The `p` tag can be reduced to just _3 lines_ max. | ||
|
||
## Our Impact Metrics Section | ||
|
||
- The headers can be highlighted with a line at the bottom. | ||
- The font weight needs to reviewed perhaps a medium or semibold would work. | ||
- The subtitle _text width_ should be reduced. | ||
|
||
## Our Supporters Section | ||
|
||
- The headers can be highlighted with a line at the bottom. | ||
- The font weight needs to reviewed perhaps a medium or semibold would work. | ||
- The subtitle _text width_ should be reduced. | ||
- The company logos need to be grayscale and made smaller, perhaps with only the | ||
logomark. | ||
|
||
## Footer | ||
|
||
- For the social media icons, we can make that dim and brighten on hover. |