Futureproofing Fashion – from crop to cloth

 Cotton Diaries Web Style Guide – Light

General text formatting / Column Grid























Head one spanning all columns. Can also be in “Bold” setting. Sparking change from crop to cloth – Italic Bold Link ALL CAPS

Head two spanning 4-6 columns. The cotton industry can be toxic, exploitative, thirsty, but there are better ways to do it – Italic Bold Link ALL CAPS

Normal text normally spanning 3-6 columns, The cotton industry can be toxic, exploitative, thirsty, but there are better ways to do it the following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. In sit amet felis malesuada, feugiat purus eget, varius mi. Mauris id fermentum nulla. Vivamus a ante congue, porta nunc nec, hendrerit turpis. Integer tempus, elit in laoreet posuere, lectus neque blandit dui, et placerat urna diam mattis orci. Donec ac fringilla turpis – Italic Bold Link ALL CAPS

HEAD THREE, FOR ANNOTATIONS ETC., SPANNING DEPENDING ON ELEMENT WIDTH – The cotton industry can be toxic, exploitative, thirsty, but there are better ways to do it – ITALIC BOLD LINK ALL CAPS


Quotes

H1 Quote tempus, elit in laoreet posuere, lectus neque blandit dui, et placerat urna diam mattis orci. Donec ac fringilla turpis.



H2 Quote tempus, elit in laoreet posuere, lectus neque blandit dui, et placerat urna diam mattis orci. Donec ac fringilla turpis.



H3 QUOTE TEMPUS, ELIT IN LAOREET POSUERE, LECTUS NEQUE BLANDIT DUI, ET PLACERAT URNA DIAM MATTIS ORCI. DONEC AC FRINGILLA TURPIS.




Normal Quote tempus, elit in laoreet posuere, lectus neque blandit dui, et placerat urna diam mattis orci. Donec ac fringilla turpis.


Bullets

  • Bullet 1

  • Bullet 2

  1. Bullet 1

  2. Bullet 2


Buttons


Newsletter

Sparking change from crop to cloth

Sparking change from crop to cloth

BG_a8a8a8.png

Sparking change from crop to cloth

Sparking change from crop to cloth

BG_a8a8a8.png

Sparking change from crop to cloth

Sparking change from crop to cloth

BG_a8a8a8.png

Sparking change from crop to cloth

Sparking change from crop to cloth

BG_a8a8a8.png

Sparking change from crop to cloth

Sparking change from crop to cloth

 Cotton Diaries Web Style Guide – Light

General text formatting / Column Grid























Head one spanning all columns. Can also be in “Bold” setting. Sparking change from crop to cloth – Italic Bold Link ALL CAPS

Head two spanning 4-6 columns. The cotton industry can be toxic, exploitative, thirsty, but there are better ways to do it – Italic Bold Link ALL CAPS

Normal text normally spanning 3-6 columns, The cotton industry can be toxic, exploitative, thirsty, but there are better ways to do it the following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. In sit amet felis malesuada, feugiat purus eget, varius mi. Mauris id fermentum nulla. Vivamus a ante congue, porta nunc nec, hendrerit turpis. Integer tempus, elit in laoreet posuere, lectus neque blandit dui, et placerat urna diam mattis orci. Donec ac fringilla turpis – Italic Bold Link ALL CAPS

HEAD THREE, FOR ANNOTATIONS ETC., SPANNING DEPENDING ON ELEMENT WIDTH – The cotton industry can be toxic, exploitative, thirsty, but there are better ways to do it – ITALIC BOLD LINK ALL CAPS


Quotes

H1 Quote tempus, elit in laoreet posuere, lectus neque blandit dui, et placerat urna diam mattis orci. Donec ac fringilla turpis.



H2 Quote tempus, elit in laoreet posuere, lectus neque blandit dui, et placerat urna diam mattis orci. Donec ac fringilla turpis.



H3 QUOTE TEMPUS, ELIT IN LAOREET POSUERE, LECTUS NEQUE BLANDIT DUI, ET PLACERAT URNA DIAM MATTIS ORCI. DONEC AC FRINGILLA TURPIS.




Normal Quote tempus, elit in laoreet posuere, lectus neque blandit dui, et placerat urna diam mattis orci. Donec ac fringilla turpis.


Bullets

  • Bullet 1

  • Bullet 2

  1. Bullet 1

  2. Bullet 2


Buttons

Sparking change from crop to cloth

Sparking change from crop to cloth

BG_a8a8a8.png

Sparking change from crop to cloth

Sparking change from crop to cloth

BG_a8a8a8.png

Sparking change from crop to cloth

Sparking change from crop to cloth

BG_a8a8a8.png

Sparking change from crop to cloth

Sparking change from crop to cloth

BG_a8a8a8.png

Sparking change from crop to cloth

Sparking change from crop to cloth

BG_1a1a1a.png