ThrivingKings / whiteboard-gadget

0 stars 0 forks source link

button styles #20

Closed devonashleyberger closed 10 years ago

devonashleyberger commented 10 years ago

screen shot 2014-09-03 at 11 29 26 am

Buttons should have a height of 24px and have 10px of margin between the two in this case: screen shot 2014-09-03 at 11 17 11 am

Font should be Avenir-next, #ffffff and lowercase

Button colors: [clear canvas]

7c7975 (default)

6f6c69 (hover)

625f5c (active)

[record]

ce3e30 (default)

be392c (hover)

ae3429 (active)

[play]

3a968a (default)

35887d (hover)

2f7a70 (active)

disabled buttons and icons:

f2f1ed

font-color: #c7c3be

ThrivingKings commented 10 years ago

hi @devonashleyberger, do you have a color set for the record button once it becomes "active" and is actually recording? Right now, I'm just changing the font color.

devonashleyberger commented 10 years ago

I think color may not be the most clear indicator. I have 2 ideas:

  1. Have the dot within the button blink when recording is active. This would be my first choice because it's a convention most users will understand and be comfortable with.
  2. If the first option is too difficult, a good back-up plan would be to italicize the word "record" within the button. This is the way we deal with "pending" states of buttons in versal.com so it wouldn't be to much of a stretch.

Yeah?

ThrivingKings commented 10 years ago

sounds good, thanks for the quick response