== Goal
We need images representing different parts of content of the style guide
== Design Principles
1. This is for everyone
| Screenshot | Original file | HiDPI ready
| -- | -- | --
| {F24819960} | {F18266164} | {icon check color=green}
[] typo icons are low contrast
[] Shouldn't start with a striked-through icon, but with “positive” connotated ones. Same point for icon #3
[] Vitruvian man inspired icon illustration seems disconnected in style and colors from rest
2. Content first
| {F24820147} | {F18266185} | {icon check color=green}
3. Collaboration
{F18266193}
[] attribution needed
4. Trustworthy yet joyful
| {F24820203} | {F18266200} | {icon check color=green}
5. Consistency
| {F24820245} | {F18266205} | {icon check color=green}
[] Features obsolete distance between input and search
[] Font issue with serif fonts
[] Publish button is labelled “Publish…” on mobile now
[] We don't use icons at Base100 in production, only Base90 and only when active Base100
[] Define one color for helper lines in our imagery
[] Might be confusing to show apps and web with different OS and web specific icons side-by-side as example for consistency
== Visual style
=== Principles
1. Paper ink
| {F24939586} | PNG, SVG possible, but complicated due to ink | {icon check color=yellow}
2. paper corners
| {F24939634} | |
3. Type + color
| {F24939686} | |
[] Wikipedia logo increased in contrast since original image was given
4. style tile
| {F24939752} |
== Colors
1. lead image
| {F24820835} | HTML markup | {icon check color=green}
== Typography
...
...
...