Styleguide:

Colors

Vinnovagrön
HEX: 81BD27
Grönblå - NY
HEX: 008B87
Mullvad
HEX: 867871
Himmel
HEX: CDE4F0
Purpur - NY
HEX: 871B5C
Marinblå - NY
HEX: 184EA3
Blå turkos
HEX: 33849B
Orange
HEX: D65229
Gul
HEX: F5C62B
Sand
HEX: F0E8D4
Ljus sand - NY
HEX: FBF8F2
75% Svart
HEX: 404040

Fonts

Trade Gothic LT


TradeGothicLT bold

TradeGothicLT normal

TradeGothicLT italic

Headings

Rubrik nivå 1 (30, 40, 50)

Rubrik nivå 2 (25, 32, 32)

Rubrik nivå 3 (20, 25, 25)

Rubrik nivå 4 (18, 20, 20)

Rubrik nivå 5 (16, 18, 18)
Rubrik nivå 6 (16, 16, 16)

Content

Huvudrubrik 1

Huvudrubrik 2

Ingress Dolor ultricies vulputate est ipsum ornare eu aliquam sed orci in fermentum consectetur purus at interdum non cras leo sapien non eget morbi mi nulla est amet quisque vel facilisis

Dignissim at libero ornare vulputate fettext Aliquam tristique nisl luctus ultricies scelerisque etiam convallis quam faucibus länk i text Arcu mauris volutpat lorem sed diam penatibus kursiv text Amet pellentesque id rutrum et lorem gravida diam nec ornare

Underrubrik 3

Brödtext Et id mauris curabitur arcu nisl vestibulum euismod blandit nulla varius dictumst est sagittis lacus quis condimentum aliquet mus ultrices malesuada at dignissim sit neque fames malesuada ultricies cras pretium urna nibh pulvinar id sollicitudin dolor nunc aenean sed volutpat

Underrubrik 4

Underrubrik 5
Underrubrik 6

Brödtext Et tellus non nunc lectus adipiscing mattis egestas nulla tempor maecenas tortor etiam quis egestas ac quis massa in tellus tristique tortor posuere aliquam nunc nibh scelerisque commodo arcu nibh

Kommentar: Avstånd och generellt utseende för redaktionellt innehåll av artikeltyp är taget från skiss-utlysningssida. Därav finns inte utseende för citat, punktlistor m.m. implementerat än.

Buttons

Standardknapp

"Spök"-knapp

Varianter med checkbox

icons

Feedback messages

Framgång!

Nulla ut at aliquet tincidunt aliquet consectetur facilisi libero egestas etiam faucibus arcu

Fel!

Nulla ornare lectus vitae velit non in mus pretium sagittis elit amet arcu

Varning!

Aliquam sed semper massa elementum velit tincidunt turpis vitae lectus et sociis nam

Info!

Sit molestie dolor amet tortor suspendisse senectus mauris scelerisque mi sed nec eu

Google map



Bilder

Rekommenderade storlekar för bilder:

  • Toppgrafikbild 1800 x 500

Puffar
  • Puff fullbredd 1160 x 370

  • Puff ½ 565 x 370

  • Puff ¼ 268 x 370

  • Puff ¾ 863 x 370

Bildblock
  • Fullbredd - icke värdebärande 1800 x 500

  • Fullbredd - värdebärande 1800 x oändlig

  • Smalare format - icke värdebärande 850 x 500

  • Smalare format - värdebärande 850 x oändlig

  • Bildspel 850 x 500

Mobil
  • Fullbredd - icke värdebärande 600 x 400

  • Fullbredd - värdebärande 600 x oändlig

  • Smalare format - icke värdebärande 560 x 400

  • Smalare format - värdebärande 560 x oändlig

Nyhetsbilder
  • Bild nyhet - sida 850 x oändlig

  • Bild nyhet - puff 574 x 265

  • Bild nyhet - block (ZickZack) 511 x 265

  • Bild nyhet - lista 280 x 175

Triangles

Puff blocks