Flow/Design/Iteration 5

← Previous iteration

Original files October 4, revisions October 8, further additions October 15, 2013

Normal state with no mouseover whatsoever

edit
 
Normal state with no mouseover whatsoever

Other user's talkpage with no topics

edit

New October 8

 
Other user's talkpage with no topics

Talkpages

edit
 
My talkpage. No Participants
 
Other user's talkpage. 2 participants.
 
Other user's talkpage. >3 participants
 
Search function

Flag & summarize

edit
 
Summarize/d Topic
 
Flagged

Textfields

edit
 
TextField_Header
 
TextField_StartDiscussion
 
TextField_Comment & Replies

Buttons, flyouts, colors, sizes

edit
 
Buttons & Flyout

Note some of these specs update or obsolete specs in File:Agora_specs.pdf. Flow buttons are a 30px-height variant of the 35px .mw-ui-big buttons in Agora specs. Wikimedia Foundation Design/Patterns and components#New Agora states explicates the different kinds of buttons and states in here.

 
Color guide
 
Size guide
edit
 
Modal Overlay: Suppress Comment
 
Modal Overlay: Closed Topic - Start new topic
 
Modal Overlay: Closed Topic - Reopen and reply
 
Modal Overlay: Size notes
edit
 
When you followed a link to a comment/reply
 
When you followed a link to a thread

Flow on mobile

edit
 
Flow on mobile
 
Sizing notes
 
Typography notes