Navigation: Jump to content areas:


Pro Quality. Fan Perspective.
Login-facebook
Around SBN: Blake Griffin Slam Dunks: NBA Jam Style

Off Topic: GSOM HTML/CSS suggestions



Dear web/css dude,

You're color experimentation on GSOM is a little funkay right now. Might I offer some suggestions.

Star-divide

  1. Lose the black header. Put up a banner image of the warriors court or players, have the text itself have a text-background with alpha transparency so you don't lose the pop.
  2. I liked where you were going with the yellow highlighting for fanposts/fanshots sections, but not as the main header nav. Keep that the darker blue you had for the header nav and use the yellow either for the fanposts/fanshots section headers OR use it for the "created by" bar for the front page fanshots and keep the fanposts/fanshots blue.
  3. Lose the gray. Where the hell did gray come from? All these dark/cold colors are making me more depressed than our failed tanking season. Try using lighter blue instead of light gray for the content section, and yellow or blue for the "created by" bar underneath with white text.

If you want, I may do a Firebug mockup in my spare time to better elaborate.

Sincerely,

Another web dude.

This FanPost is a submission from a member of the mighty Golden State of Mind community. While we're all here to throw up that W, these words do not necessarily reflect the views of the GSoM Crew. Still, chances are the preceding post is Unstoppable Baby!

Comment 25 comments  |  0 recs  | 

Do you like this story?

Comments

Display:

Good thoughts, ssj.

Thanks for starting this diary. You can actually voice your opinions directly to the GSoM staff, since we basically have control over the final color selections, at least within the parameters set by the SB Nation CMS. My thoughts:

1. Unless you’ve installed ad-block software, the banner header reads mostly as a rotating series of ads. For that, a simple black background reads better than anything involving an image, imo. Basically all you read if you don’t have ad-block is a black border. It was navy, but I thought navy was too reminiscent of the old discredited GSW brand, and needlessly added another shade of blue to an already colorful site.

2. So far GSoM staff is divided between blue and gold for the nav bar. Personally, I love the gold. I felt the site was a bit too blue/grey overall without the splash of gold there. If you’re concerned about the site becoming too grey and depressing (a concern I share), the big blast of gold on the nav bar is nothing if not cheerful.

3. Point taken. I think it’s more an issue of the grey being too dark than the use of grey per se. The grey of the side bar, for example, reads a nice neutral backdrop without being at all sad. I asked the SBN graphics/tech team if they could lighten it, but he said the percentage tint is dictated by the CMS. Replacing the grey tints with blue ones is a possibility, though. I worry that all that blue might be equally cold and sad (there’s a lot of blue going on already), but I think we’ll at least try it out.

Curious to see what GSoM as a whole thinks. Do people like the graphic changes overall? Does anyone miss the peachy-orangey-brown palette we had for like a week? Are people digging the new logo? Did people notice the new favicon and the new mini-horizontal “GSoM” logo (on your mobile device, and on your profile page, under blog memberships)? Rants and raves are welcome…

There will be no extra point!

by Sleepy Freud on Jan 27, 2012 3:14 PM PST reply actions  

Curious to see what GSoM as a whole thinks. Do people like the graphic changes overall?

Yeah it looks great, thanks for all the effort you’ve put into it.. I like the black and gold kinda reminds me of the epic steeler’s raider’s battles. The white looks a bit bright unless my monitor is just going supernova on me but I think I might like it too.
The biggest change I’d suggest is updating the home page photos, time for Jrich, Jessica alba, etc. to be replaced by more current stuff?

Mirror on the wall
Here we are again.

by Skeptic con Urquell on Jan 27, 2012 3:49 PM PST up reply actions  

+1 on all counts

and I love the new horizontal version of the logo!

"I am very worried about the Warriors"
-brutusbrutus

by Duby Dub Dubs on Feb 1, 2012 12:13 PM PST up reply actions  

Thanks for getting back to me

Appreciate your points, and I’ll wrap up with some final commentary.

1. I have adblock and noscript on by default, so I didn’t know there were ads there.

2. Don’t mind the splash of gold. I actually REALLY liked it as the fanshots and fanposts headers as the header nav is very obviously a header nav but the rest of the sections could get lost in a sea of blue. My impression was if we did header nav and the fanshots/fanposts section in gold, it could be a bit too much bling.

3. You’re right about it being too gray. What if you just made it the same color gray as the side bar? I was going to say that it actually looks very nice, and it would be consistently colored throughout the page.

Anyway, thanks again for taking my feedback. I know how hard it is to please everyone, but I wanted to express my thoughts. Opinions are like a$$holes, everybody’s got one ;)

by seespotjump on Jan 27, 2012 4:12 PM PST up reply actions  

Forgot to mention
  • Don’t miss the peach fanshots at all.
  • New logo is cool, it was one of my favs.
  • Favicon looks pretty cool.

Also, thanks to everyone who did the changes to the site. This stuff is annoyingly time-consuming to do.

by seespotjump on Jan 27, 2012 5:47 PM PST up reply actions  

I didnt like the peachy orange for cover story backgrounds.

For example, the box on the front page with the title “Warriors send a rook to the D-League…no, not that rook”

I am very glad you changed away from that peach color!

I am liking the new blue and gold/yellow coloring though. Well whatever you do, you can’t make it any worse than it was with the old orange and blue thunderbolt theme!

by G-State on Jan 27, 2012 3:39 PM PST reply actions  

Personally, I love the gold. I felt the site was a bit too blue/grey overall without the splash of gold there

I like the yellow nav bar as well. All of the headers are blue so you need some yellow in there somewhere.

by G-State on Jan 27, 2012 3:41 PM PST reply actions   1 recs

More gold less gray/black

Maybe a blue background with some added gold somewhere?

RIP Al Davis
PS3 - agentpoop (dont ask why the name... tell me if your from a blog)
twitter - @nateoak5
"No difference maker in this draft taf. Sorry to be the 1 to break it to you." J-Ridah 1/23/12

by dubzfan on Jan 27, 2012 3:55 PM PST reply actions  

I'm with the OP on the gold bar

don’t like it

Read my Advanced Stats Primer

J-RIDAH: Its not 1 player in this draft better than Monta or Lee. Anthony Davis is no different than Al Farouq Aminu. Andre Drummond could be good but he is not impressive at this point at all besides his size. This draft is hella overated.

(JaVale) Mcgee is better than anybody in this draft.

by Evanz on Jan 27, 2012 4:10 PM PST reply actions  

just compared

the dubs SBN site to the other teams and we look good. Only one that really looked equal to me was Okla which kinda surprised me as other than our boy zorgon I didn’t know they were so hip in Okla. . Nets had a nice WPA art look to it too but all the rest were very similar.

Mirror on the wall
Here we are again.

by Skeptic con Urquell on Jan 27, 2012 4:14 PM PST reply actions  

I'd like to see blue links in the Nav bar like those everywhere else

Read my Advanced Stats Primer

J-RIDAH: Its not 1 player in this draft better than Monta or Lee. Anthony Davis is no different than Al Farouq Aminu. Andre Drummond could be good but he is not impressive at this point at all besides his size. This draft is hella overated.

(JaVale) Mcgee is better than anybody in this draft.

by Evanz on Jan 27, 2012 4:26 PM PST reply actions  

I like

the new re-positioned icon for bookmarks. So much better than the previous one. Thanks for changing it!

by disguy on Jan 27, 2012 5:14 PM PST reply actions  

I made a mockup

Twisted the header and section colors and also the fanpost.

by seespotjump on Jan 27, 2012 5:32 PM PST reply actions  

I like that

Read my Advanced Stats Primer

J-RIDAH: Its not 1 player in this draft better than Monta or Lee. Anthony Davis is no different than Al Farouq Aminu. Andre Drummond could be good but he is not impressive at this point at all besides his size. This draft is hella overated.

(JaVale) Mcgee is better than anybody in this draft.

by Evanz on Jan 27, 2012 5:54 PM PST up reply actions  

Very nice job. Interestingly, that’s exactly what I instructed the SBN tech/graphics team to do when I communicated with them yesterday. They said it was trickier to do it that way because the sidebar headers are automatically tied to other colors on the site by the CMS (where the nav bar is presumably independent).

Honestly, I don’t see a material difference between that and what they ended up with. It’s roughly the same overall proportion of blue and gold — just arranged slightly differently.

I do like the blue bar under the fanposts better than the dark grey. SBN seemed game to make a few more changes for us; depending on technical feasibility and how the rest of the crew feel, I could definitely see that change happening.

There will be no extra point!

by Sleepy Freud on Jan 27, 2012 6:39 PM PST up reply actions  

if nothing else

I would definitely second a change to the blue bar under the fanposts. That looks much better.

Read my Advanced Stats Primer

J-RIDAH: Its not 1 player in this draft better than Monta or Lee. Anthony Davis is no different than Al Farouq Aminu. Andre Drummond could be good but he is not impressive at this point at all besides his size. This draft is hella overated.

(JaVale) Mcgee is better than anybody in this draft.

by Evanz on Jan 27, 2012 6:44 PM PST up reply actions  

I still like the gold header though

RIP Al Davis
PS3 - agentpoop (dont ask why the name... tell me if your from a blog)
twitter - @nateoak5
"No difference maker in this draft taf. Sorry to be the 1 to break it to you." J-Ridah 1/23/12

by dubzfan on Jan 27, 2012 7:16 PM PST up reply actions  

Twisted the header and section colors and also the fanpost.

No, doesn’t have the pop that the black and gold(or maybe it’s yellow) gives.

Mirror on the wall
Here we are again.

by Skeptic con Urquell on Jan 27, 2012 10:42 PM PST up reply actions  

I like it this way

If you're watching a blowout, you can pass the time by counting the double teapots.
Samurai Champloo > Macross
I gif stuff

by doubleteapot on Jan 28, 2012 5:24 PM PST up reply actions  

I don't like the gold bar either

If you're watching a blowout, you can pass the time by counting the double teapots.
Samurai Champloo > Macross
I gif stuff

by doubleteapot on Jan 28, 2012 5:24 PM PST reply actions  

I can' believe this logo didn't win in a landslide:

Image and video hosting by TinyPic

It just looks so much cleaner and more professional. The current logo is too busy and the arrow gives it a “7yr. old screwing around with MS paint” vibe. Now that I think of it, the absence of orange appeals to me as well. Orange has been banished from the official color scheme, so you, as above, so below, yo!

RIP Kyrylo Fesenko 2011-2011

by The Bimbo Coles Experience on Jan 29, 2012 12:27 PM PST reply actions  

the arrow gives it a "7yr. old screwing around with MS paint" vibe.

I think that was the goal of it, to reflect the flux we are in, the dotted line arrow represents the possible move to yuppier pastures. The brain suggests too much intelligence to suit our situation.

Mirror on the wall
Here we are again.

by Skeptic con Urquell on Jan 29, 2012 2:30 PM PST up reply actions  

Comments For This Post Are Closed


User Tools

"UNSTOPPABLE BABY!"

Golden State Warriors rookie Marc Jackson to the Mavericks' bench, after hitting a lay-up during a 29-point loss (2000)


GSoM Crew -------------------------

Atma-160_small Atma Brother ONE

Gw090_small Fantasy Junkie

Natehead_small Nate Parham

--------------------------------------------------------

Small Hash

Small dj fuzzylogic

600px-olympic_rings_square olympicmike

Small IQofaWarrior

Shutterstock_10276351_basketball_mind_small Evanz

--------------------------------------------------------

We_still_believe_small R Dizzle

Small Adam Lauridsen

Small jae

Gsom_tony_small Tony.psd

Kanji_love_small Sleepy Freud

Japan_by_miaumi_small YaoButtaMing

Drmlg_logo-gmail_small Poor Man's Commish

Nellie2_small Feltbot