Web Widgets Mockups

Proposals for specific widgets

• QuickEntryMockups
• NotificationsMockups
• ItemSharingMockups

Styling

As much as possible, we should share styles with the web UI.

• Link color: #0066ff
• Font face: Lucida Grande, Verdana, Helvetica, Arial, Sans-Serif

Web Widget Gallery

* WW_-_Gallery_Simple.png:

Web Widget Login

Interaction

• Grey out [Log in] until user has entered username and password.
• Grey out [Log in] after user clicks it.

• Cross-fade to 'Logged in View'

Styling

• Custom image for button background
• Button Top-Left Outline: #e0e0e0
• Button Bottom-Right Outline: #808080

• Font size: 11pt
• Dark grey: #383838
• Light grey: #808080

Mockups

• Widgets_Log_in.png:
  

Resources

See CosmoImages

---

---

Future

• WW-Gallery.png:
  

-- MimiYin - 15 Feb 2008