Images Curated Styleguide

.img__wrap is used in .page-header and other places such as the onboarding welcome screen.

The images used are retina 216px x 216px transparent PNGs and reduced to 108px x 108px using CSS.

.img_wrap and color options

.img__wrap

.img__wrap.img__wrap--curated-1

.img__wrap.img__wrap--curated-2

.img__wrap.img__wrap--curated-3

.img__wrap.img__wrap--curated-4

.img__wrap.img__wrap--curated-5

.img__wrap.img__wrap--curated-6

.img__wrap.img__wrap--curated-7

.img_wrap images available

.img__wrap.img__wrap--curated-1 with img-edit.png

.img__wrap.img__wrap--curated-1 with img-statistics.png

.img__wrap.img__wrap--curated-3 with img-welcome-step1.png

.img__wrap.img__wrap--curated-2 with img-welcome-step2.png

.img__wrap.img__wrap--curated-4 with img-welcome-step3.png

.img__wrap.img__wrap--curated-6 with img-shortlinks.png

.img__wrap.img__wrap--curated-7 with img-newcategory.png

.img__wrap.img__wrap--curated-3 with img-spreadtheword.png

.img_wrap with .icons

.img__wrap with .icon-gear

.img__wrap with .icon-people

.img__wrap with .icon-breifcase