== Goal
We need images representing different parts of content of the style guide
== Design Principles
[x] 1. This is for everyone
| Screenshot before | after | Original file | HiDPI ready | SVG, PNG or else…?
| -- | -- | -- | --
| {F27393075} | {F27393913} | {F18266164} | {icon check color=green} | SVG
[x] typo icons are low contrast
[x] Shouldn't start with a striked-through icon, but with “positive” connotated ones. Same point for icon #3
[x] Vitruvian man inspired icon illustration seems disconnected in style and colors from rest
[x] 2. Content first
| {F27393069} | {F24820147} | {F18266185} | {icon check color=green} | PNG for now, possibility to split in PNG/SVG later
[x] 3. Collaboration
| {F18266193} | | {icon check color=green} | {icon check color=yellow} | JPG in 2x size, got re-crushed from original Commons photo
[x] attribution needed
[x] 4. Trustworthy yet joyful
| {F24820203} | {F18266200} | {icon check color=green} | PNG due to variety of elements/gradients
5. Consistency
| {F27393781} | {F27393765} {F18266205} | {icon check color=green} | PNG, too many different elements for now
[x] Features obsolete distance between input and search
[x] Font issue with serif fonts
[x] Publish button is labelled “Publish…” on mobile now
[x] We don't use icons at Base100 in production, only Base90 and only when active Base100
== Visual style
=== Principles
[x] 1. Paper ink
| {F24939586} | changed to SVG with base64 ink | {icon check color=green} | SVG with data uri
[x] 2. paper corners
| {F24939634} | changed to SVG |
3. Type + color
| {F24939686} | |
[] Wikipedia logo increased in contrast since original image was given
[x] 4. style tile
| | {F24939752} | {icon check color=green} | PNG 2x
== Colors
[x] 1. lead image
| {F24820835} | HTML markup | {icon check color=green} | HTML
== Typography
Has been updated independently, all HiDPI PNGs 2x