This is really interesting. Apart from the specific patterns (which are also interesting), I like how they put the focus on content by reducing chrome, moving content forward, and encouraging exploration.
Recently I was exploring some preliminary ideas of designs also focused on reducing chrome and encourage exploration:
I already have May investigating the dynamic type size for mobile, but theres no reason it couldn't be used on desktop too.
If we finally add
some responsive support to MediaWiki, targeting styling for different screen sizes should be simple. That applies not only to font size but also to other properties. The LESS preprocessor support in MediaWiki helps also to easily adjust style for different screen sizes (provided that breakpoints are defined). For example:
#bodyContent {
@media @palm {
font-size: 20px;
}
@media @desk {
font-size: 16px;
}
@media @billboard {
font-size: 200px;
}
}
Pau