Footers
Table of contents
Evaluation
#1 - Main Website
Screenshot
Elements
- Lists
- Anchors
- Icons
Typography
- Font-family:
Cantarell, 'Droid Sans', ubuntu, 'DejaVu Sans', Arial, Source Sans Pro
Colors
- Text:
#ffffff
- Background:
#1b1b1b
Spacing
- Padding (footer):
30px 0px 30px 0px
- Padding (links):
0 15px
- Padding (footer box):
0 15px 0 15px
- Padding (footer bottom):
20px 0px 20px 0px
#2 - Extensions
Screenshot
Elements
- Lists
- Anchors
Typography
- Font-family:
Cantarell, 'Droid Sans', Ubuntu, 'DejaVu Sans', Arial
Colors
- Text:
#e7e7e7
- Background:
#919191
Spacing
- Padding (footer):
30px 10px 10px 10px
- Padding (links):
0 15px
- Margin (menu columns):
0 10px 0px 80px
- Margin (menu items):
6px 0
- Margin (footnotes):
10px 28px
#3 - Events Portal
Screenshot
Elements
- Lists
- Anchors
Typography
- Font-family:
Cantarell, 'Droid Sans', ubuntu, 'DejaVu Sans', Arial
- Font-family (footnotes):
'Liberation Sans'
Colors
- Text:
#919191
- Background:
#111111
Spacing
- Margin-top (footer):
80px
- Padding (footer):
40px 20px 20px 20px
- Padding (links):
0 15px
- Margin (menu columns):
0 10px 5px 40px
- Margin (menu items):
6px 0
- Margin-top (footnotes):
20px
- Padding (footnotes):
0 15px
#4 - Planet
Screenshot
Elements
- Lists
- Anchors
- Paragraphs
- Headings
Typography
- Font-family:
'Source Sans Pro', Cantarell, Droid Sans, Ubuntu, 'DejaVu Sans', Arial
- Font-family (footer):
'Liberation Sans'
Colors
- Text:
#919191
- Text (links):
#fff
- Background:
#000
Spacing
- Padding (footer):
40px 20px 0 0
- Padding (footer container):
0 15px
- Margin (footer container):
auto
- Margin (headings):
20px 10px 0 0
- Margin-bottom (paragraphs):
10px
- Margin (anchors):
6px 0
- Margin-top (footnotes):
20px
- Padding (footnotes):
0 15px
#5 - Discourse
None
#6 - Developer Center
Screenshot
Elements
- Lists
- Anchors
Typography
- Font-family:
'Source Sans Pro', Cantarell, Droid Sans, Ubuntu, 'DejaVu Sans', Arial
- Font-family (footer):
'Liberation Sans'
Colors
- Text:
#ffffff
- Background:
#000000
#7 - Wiki
Screenshot
Elements
- Anchors
- Input
- Buttons
Typography
- Form:
Cantarell
- Copyright:
Source Sans Pro
Colors
- Background:
#000
- Text (copyright):
#fff
- Text (form):
#000
Spacing
- Padding:
16px
- Margin (content):
auto
- Margin-top (copyright):
26px
- Margin-right (form elements):
6px
- Padding (input):
1px
- Padding (buttons):
2px 8px
#8 - Apps
Screenshot
Elements
- Lists
- Anchors
Typography
- Font-family:
'Source Sans Pro', Cantarell, Droid Sans, Ubuntu, 'DejaVu Sans', Arial
- Font-family (footer):
'Liberation Sans'
Colors
- Text:
#deddda
- Background:
#000000
Spacing
- Padding-top-bottom:
15px
- Margin-top-bottom (content):
10px
- Padding-top-bottom (copyright):
7px
- margin-let-right:
249px
On Hover
- Text:
#99c1f1
#9 - Forty
Screenshot
Elements
- Lists
- Anchors
Typography
- Font-family:
Cantarell, sans-serif
Colors
- Text:
#deddda
- Background:
#000000
#10 - Os
Screenshot
Elements
- Lists
- Anchors
Typography
- Font-family:
"Cantarell", -apple-system, BlinkMacSystemFont, "Helvetica", sans-serif
- Font-family (footer):
'Liberation Sans'
Colors
- Text:
#ffffff
- Background:
#1a1622
#11 - Circle
Screenshot
Elements
- Lists
- Anchors
Typography
- Font-family:
"Cantarell", -apple-system, BlinkMacSystemFont, "Helvetica", sans-serif; font-weight: 400;
- Font-size:
14.4px
Colors
- Text:
#ffffff
,#8ff0a4
- Background:
#000000
#12 - Release
None
Mockups
Edited by Pooja Patel