Colored / Icon-ed Buttons

Buttons

1 Attachment

4 Responses

  1. Chris Coyier Chris Coyier

    Icons = http://steedicons.com/
    Font = Myriad Pro Bold

    Right side of buttons references this shot = http://dribbble.com/shots/114412-Android-Market-button

    I've been trying a million button styles for my CSS-Tricks redesign and nothing will stick. These probably won't either.

    PSD if you want it.

    almost 3 years ago

  2. Nice style Chris – although the sections with the icons look a bit strange? They look recessed due to the inner shadows but then the drop-shadow makes them pop off the background.

    If you give the icon some clear space inside the button it looker neater. Could also put it inside a roughened circle to match the icon style? Might even work better with a different typeface to further compliment the icons

    almost 3 years ago

  3. Inspired by Chris's colors to work up some 3D style versions of these buttons. Great colors, keep up the designs! Can be downloaded here: http://gr4m.com/n3kjvs

    almost 3 years ago

  4. I really liked Chris's button styles and colors, and since I'm bored at work I figured I'd try to give them a tiny bit more physicality with an inset button label, a gradient stroke border and a subtle noise pattern.

    p.s. Chris, CSS-Tricks rocks my socks.

    almost 3 years ago

keyboard shortcuts: previous shot next shot L or F like