HQ Stylesheet

1 Attachment

22 Responses

  1. Pro James Barnes James Barnes

    Artboard #1 of a comprehensive app stylesheet for Carbonmade's new internal HQ. A bit cluttered since it's covering multiple interaction points. Just imagine 4 frantic mice clicking / dragging peeps.

    3 months ago

  2. Ignacio Giri Ignacio Giri

    Lovely, this is great.

    likes

    3 months ago

  3. Pro Rogie Rogie

    @James Barnes really loving the colors, the light and airy feeling of all of it. The only thing that felt a bit out of place were the icons on the dark background — for some reason they feel really large.

    likes

    3 months ago

  4. Pro James Barnes James Barnes

    @Rogie - Thanks! That makes sense - I forgot to mention that the left-most sidebar / panel is a slide-out navigation, open only to select the next area of the HQ. It won't be open most of the time, so it can afford to be a little bulkier.

    3 months ago

  5. Pro Bruno Felicio Bruno Felicio

    look nice. oh and that is what I call an hamburger icon :)

    likes

    3 months ago

  6. Pro James Barnes James Barnes

    @Bruno Felicio - Hah, yep! All credit goes to @Dave Gorum for birthing that juicy icon.

    likes

    3 months ago

  7. Pro Kyle McConnell Kyle McConnell

    I really dig this. My only critique is the drop shadow on the lists feel a little out of place. Maybe a thicker opaque outline would look better with this flat/simple style. Great work!!

    likes

    3 months ago

  8. Pro Samuel Couto Samuel Couto

    Woa, Lots going on indeed!
    I'm really liking the low contrast color scheme you chose.

    likes

    3 months ago

  9. Pro James Barnes James Barnes

    @Kyle McConnell - Yeah, I agree it's not perfect - though we tried both in implementation but the drop shadow felt best, especially when it's being dragged above other items. Also, there is a power-select option (multi-select, delete, etc.) not shown - http://cl.ly/NKMg that made more sense for that interaction style.

    3 months ago

  10. Pro Bady Bady

    I agree with @Rogie . It's because the size of the type and icon. My suggestion would be increase the vertical spacing between in submenu below the Product & Themes section so the large feeling will be consistent.

    likes

    3 months ago

  11. Pro James Barnes James Barnes

    @Bady - Thanks, I'll give it a shot!

    likes

    3 months ago

  12. Andrey S. Rodrigues ☝ Andrey S. Rodrigues ☝

    very nice :)

    3 months ago

  13. Pro Eduardo Santos Eduardo Santos

    Looks great. Icons could be a bit sharper though (some blurred sides in them) and shadows could be more subtle. :)

    likes

    3 months ago

  14. Pro John Ashenden John Ashenden

    Dude. I want to use this.

    likes

    3 months ago

  15. Pro James Barnes James Barnes

    @John Ashenden - Not allowed, hah. Yeah, it's great so far! We've got the bare bones of it working, and I've been planning two upcoming releases with it. Feels good to use your own system! This may or may not be the product of all the frustrations from Grooveshark's "philosophy" for managing releases / tasks / future log of wanted features.

    3 months ago

  16. Naveen Naveen

    Very nice like it :)

    3 months ago

  17. Kevin Sylvestre Kevin Sylvestre

    This looks great!

    3 months ago

  18. Pro Bhushan Bhatt Bhushan Bhatt

    it's look really impressive love it @ James Barnes

    3 months ago

  19. Pro Dreamix Studio Dreamix Studio

    Looking awesome James!

    3 months ago

  20. Pro John Ashenden John Ashenden

    @James Barnes give me backdoor access #soundsdirty

    3 months ago

  21. tariq yosef tariq yosef

    very nice

    2 months ago

  22. steffen (stellavie) steffen (stellavie)

    Brilliant, love it!

    13 days ago

keyboard shortcuts: previous shot next shot L or F like