On the Subject of Writing Defiant Web Design

Edison Daily (news site)

Elements: body, a, h3, blockquote

IDs: #header, #comments

Classes: .post, .title, .author

Threshold: 0, 255, 0

Buddymaker (social media)

Elements: div, span, img, a

IDs: #msg, #cover, #content, #sidebar

Classes: .post, .title, .share

Threshold: 128, 64, 192

PNGdrop (image hosting)

Elements: div, img

IDs: #main, #comments, #fullview

Classes: .username, .share, .large

Threshold: 186, 218, 85

BobIRS (chatroom)

Elements: ul, ol, img, b, i

IDs: #sidebar

Classes: .avatar, .username

Threshold: 3, 230, 30

Vidhost (video hosting)

Elements: div, iframe, b, i

IDs: #main, #rating, #comments

Classes: .username, .share, .channel

Threshold: 96, 6, 30

Go Team Falcon online (online game)

Elements: body, iframe

IDs: #rating, #comments

Classes: .rating, .fullscreen

Threshold: 80, 19, 55

Stufflocker (cloud storage)

Elements: div, h3, img, iframe

IDs: #sidebar, #download

Classes: .menu, .author

Threshold: 176, 32, 229

Steel Nexus (forum)

Elements: body, div, img, blockquote

IDs: #header, #content, #sidebar

Classes: .avatar, .reply

Threshold: 190, 166, 30

If no color is present use: 127, 127, 127
Color RGB value Color RGB value Color RGB value
Red 255, 0, 0 Green 0, 255, 0 Blue 0, 0, 255
Yellow 255, 255, 0 Orange 255, 165, 0 Purple 128, 0, 128
White 255, 255, 255 Gray 128, 128, 128 Magenta 255, 0, 255

Feature Score Unless
Property Line +1 each N/A
R < R | G >= G | B > B +3 each N/A
margin/padding +2 each N/A
border/border-radius +1 each 0px or 50%
z-index -1 each has position
font-family +1 each -5 if "Comic Sans MS"
box-shadow/text-shadow +2 each none
Colored buttons ×2 -3 if gray

If the score is <= 0, add 16. Then apply the digital root.

Accept (✓) Consider (Δ) Reject (✗)
2, 3, 5, 7 6, 8 1, 4, 9