Flow/Design/Iteration 5

← Previous iteration

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

Normal state with no mouseover whatsoever

Normal state with no mouseover whatsoever

Other user's talkpage with no topics

New October 8

Other user's talkpage with no topics

Talkpages

My talkpage. No Participants

Other user's talkpage. 2 participants.

Other user's talkpage. >3 participants

Search function

Flag & summarize

Summarize/d Topic

Flagged

Textfields

TextField_Header

TextField_StartDiscussion

TextField_Comment & Replies

Buttons, flyouts, colors, sizes

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

Modal overlays

Modal Overlay: Suppress Comment

Modal Overlay: Closed Topic - Start new topic

Modal Overlay: Closed Topic - Reopen and reply

Modal Overlay: Size notes

Permalink destinations for thread/comment/reply

When you followed a link to a comment/reply

When you followed a link to a thread

Flow on mobile

Flow on mobile

Sizing notes

Typography notes