Design Tips, Tutorials and Inspiration

85 KB

847

Rules

1,149

Selectors

2,528

Declarations

143

Properties

Total Declarations

Font Size

210

Float

21

Width

141

Height

81

Color

88

Background Color

85

33 Unique Colors

Aa
#000
Aa
inherit
Aa
#262626
Aa
#2e5dc5
Aa
#2c87e2
Aa
#b3b3b3
Aa
grey
Aa
#e5e5e5
Aa
#21759b
Aa
#999
Aa
#fff
Aa
#115ccc
Aa
#cfdcf4
Aa
#bbcdef
Aa
#6992db
Aa
#616161
Aa
#d1d1d1
Aa
#969696
Aa
#333
Aa
#ccc
Aa
#b6b6b6
Aa
#565656
Aa
rgba(255,255,255,.7)
Aa
#6b6c6d
Aa
#06c
Aa
#cbcbcb
Aa
#0277bd
Aa
#31539a
Aa
#666
Aa
#989898
Aa
#fdfefd
Aa
#d7d7d7
Aa
#f5f5f5

45 Unique Background Colors

transparent
#fff
#f1f1f1
#262626
#f5f5f5
#FFC107
#F44336
#f9f9f9
#333
#1c3c75
#26519e
#2a59ae
#151515
#000
rgba(0,0,0,.65)
#555
#d4d4d4
#2c87e2
#f3f3f3
#f7f7f7
#2f2f2f
#3b5998
#00acee
#833ab4
#cc2127
#0976b4
#dd4b39
#b31217
#5f99cf
#ea4c89
#1769ff
#222
#f4f4f4
#e8e8e8
#f8f8f8
rgba(0,0,0,.5)
#34a853
#40b55f
#4caf50
#2e499e
#31539a
#375dad
#2196f3
#252525
#bfcada

78 Unique Font Sizes

Font Size 15em
Font Size 13em
Font Size 10em
Font Size 8.5rem
Font Size 8em
Font Size 6.5rem
Font Size 6rem
Font Size 6em
Font Size 5.5rem
Font Size 85px
Font Size 4.5rem
Font Size 4.4rem
Font Size 4.3rem
Font Size 4.2em
Font Size 65px
Font Size 4em
Font Size 3.8rem
Font Size 60px
Font Size 55px
Font Size 3.4em
Font Size 3.2rem
Font Size 3.1rem
Font Size 3rem
Font Size 45px
Font Size 2.8rem
Font Size 44px
Font Size 43px
Font Size 2.4rem
Font Size 38px
Font Size 2.3rem
Font Size 2.2rem
Font Size 2.2em
Font Size 2.1rem
Font Size 2em
Font Size 32px
Font Size 2rem
Font Size 31px
Font Size 1.9rem
Font Size 30px
Font Size 1.8rem
Font Size 28px
Font Size 1.7rem
Font Size 168%
Font Size 1.6rem
Font Size 1.5em
Font Size 24px
Font Size 1.5rem
Font Size 1.462em
Font Size 23px
Font Size 1.4rem
Font Size 1.4em
Font Size 138%
Font Size 22px
Font Size 21px
Font Size 1.3rem
Font Size 1.3em
Font Size 20px
Font Size 1.2em
Font Size 1.2rem
Font Size 19px
Font Size 18px
Font Size 1.1rem
Font Size 17px
Font Size inherit
Font Size 16px
Font Size 1em
Font Size 15px
Font Size 14px
Font Size .875rem
Font Size 13.5px
Font Size .842em
Font Size 13px
Font Size 80%
Font Size 75%
Font Size 12px
Font Size .725em
Font Size 11px
Font Size 62.5%

9 Unique Font Families

sans-serif
Menlo,Monaco,Consolas,'Courier New',monospace
'PT Serif',Helvetica,Arial,sans-serif
'Roboto Slab',Helvetica,Arial,sans-serif
Helvetica,Arial,sans-serif
Rajdhani,Helvetica,Arial,sans-serif
Georgia,'Times New Roman',Times,serif
'Entypo+'
inherit

13 Unique Z Indices

-1
1
2
3
5
10
100
101
120
1000
1031
1100
100000

Total vs. Unique Declarations

2528 total, 1080 unique declarations

141
48
Total
Unique
Width
81
32
Total
Unique
Height
74
42
Total
Unique
Margin
104
54
Total
Unique
Padding
88
33
Total
Unique
Color
85
45
Total
Unique
Background Color

Specificity Graph

32
65
97
130

Base 10 specificity score for each selector by source order. Generally, lower scores and flatter curves are better for maintainability. Learn More

Ruleset Size

5
11
17
23

Number of declarations per ruleset

54 Media Queries

screen and (min-width:400px)
screen and (min-width:401px)
screen and (min-width:480px)
screen and (min-width:501px)
screen and (min-width:600px)
screen and (min-width:641px)
screen and (min-width:680px)
screen and (min-width:700px)
screen and (min-width:721px)
screen and (min-width:761px)
screen and (min-width:800px)
screen and (min-width:860px)
screen and (min-width:871px)
screen and (min-width:900px)
screen and (min-width:940px)
screen and (min-width:941px)
only screen and (min-width:941px)
screen and (min-width:961px)
screen and (min-width:980px)
only screen and (min-width:1081px)
screen and (min-width:1121px)
screen and (min-width:1281px)
screen and (max-width:1280px)
screen and (max-width:1119px)
screen and (max-width:1080px)
screen and (max-width:1030px)
only screen and (max-width:970px)
screen and (max-width:960px)
screen and (max-width:940px)
only screen and (max-width:940px)
screen and (max-width:859px)
screen and (max-width:782px)
screen and (max-width:745px)
screen and (max-width:728px)
screen and (max-width:721px)
only screen and (max-width:721px)
screen and (max-width:720px)
only screen and (max-width:720px)
screen (max-width:679px)
screen and (max-width:679px)
screen and (max-width:640px)
screen and (max-width:600px)
screen and (max-width:540px)
screen and (max-width:420px)
screen and (max-width:400px)
screen and (max-width:380px)
screen and (max-width:360px)
screen and (max-width:320px)
screen and (min-width:421px) and (max-width:540px)
screen and (min-width:641px) and (max-width:960px)
screen and (min-width:361px) and (max-width:500px)
screen and (min-width:721px) and (max-width:960px)
screen and (min-width:941px) and (max-width:1120px)
screen and (-ms-high-contrast:active),(-ms-high-contrast:none)

Spacing Resets

20

Margin

12

Margin Top

4

Margin Right

14

Margin Bottom

2

Margin Left

 

15

Padding

5

Padding Top

4

Padding Right

0

Padding Bottom

5

Padding Left