Cards and tables look good on a non-white background: A solid color or an abstract image.
100pxSpacer
Main / Big Sponsor Leaderboard
Highlight the biggest sponsored ranking or otherwise most exciting ranking of the day. Talk about who the sponsor is. You could add an image to the table, or put a logo right here.
Generally, use a wider layout for a table that requires more columns.
Leaderboard Title
| # | Participant | Raised |
|---|---|---|
| 1 | ||
| 2 | ||
| 3 | ||
| 4 | ||
| 5 | ||
| 6 | ||
| 7 | ||
| 8 | ||
| 9 | ||
| 10 |
Three similar rankings
Like, Most Donations: Small / Medium / Large, for example.
Leaderboard Title
| # | Participant | Raised |
|---|---|---|
| 1 | ||
| 2 | ||
| 3 | ||
| 4 | ||
| 5 | ||
| 6 | ||
| 7 | ||
| 8 | ||
| 9 | ||
| 10 |
Leaderboard Title
| # | Participant | Raised |
|---|---|---|
| 1 | ||
| 2 | ||
| 3 | ||
| 4 | ||
| 5 | ||
| 6 | ||
| 7 | ||
| 8 | ||
| 9 | ||
| 10 |
Leaderboard Title
| # | Participant | Raised |
|---|---|---|
| 1 | ||
| 2 | ||
| 3 | ||
| 4 | ||
| 5 | ||
| 6 | ||
| 7 | ||
| 8 | ||
| 9 | ||
| 10 |
Table Title
| Value | Winner | |
|---|---|---|
Another Leaderboard
Say some stuff about it here, or add an image.
16pxSpacer
Any information that is a lot of text, that you don't want to overwhelm the page with, can be put in a single expansion panel like this.
How leaderboards work
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum luctus turpis. Aliquam facilisis ultricies magna, vel rhoncus velit laoreet ut. Fusce at nibh et neque accumsan cursus in ut metus. Sed dapibus ipsum quis iaculis fermentum.
Leaderboard FAQs
What is this?
Where am I?
Who are you?