#445e6f
#863d47
#979c2e
Bruges kun sparsomt: Max. én grøn klat pr. skærmbillede
rgba(0,0,0,0.08)
Styleguide til Steppie
Alle brede billeder får en bølget kant – for visuelt at understrege, at Steppie handler om bevægelse.
Overskrift1
Overskrift2
Overskrift3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula.
Vivamus malesuada dignissim ultrices. Nam pellentesque mi at magna vulputate sodales. Donec interdum blandit vestibulum.
Nulla in metus ut ex posuere finibus. Pellentesque tincidunt mauris sit amet diam varius, cursus venenatis mauris finibus.
Nam consequat ac diam eget sollicitudin. Nullam sit amet dolor vel enim elementum commodo.
Proin accumsan lacus at finibus viverra. Sed congue turpis nec ante tristique auctor. Etiam et velit risus.
Nulla malesuada gravida facilisis. Phasellus nec ante elit. Nunc imperdiet rhoncus sapien. Vestibulum nulla urna, rhoncus eget rutrum.
100 ord
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula.
Vivamus malesuada dignissim ultrices. Nam pellentesque mi at magna vulputate sodales. Donec interdum blandit vestibulum.
Nulla in metus ut ex posuere finibus. Pellentesque tincidunt mauris sit amet diam varius, cursus venenatis mauris finibus.
Nam consequat ac diam eget sollicitudin. Nullam sit amet dolor vel enim elementum commodo.
Proin accumsan lacus at finibus viverra. Sed congue turpis nec ante tristique auctor. Etiam et velit risus.
Nulla malesuada gravida facilisis. Phasellus nec ante elit. Nunc imperdiet rhoncus sapien. Vestibulum nulla urna, rhoncus eget rutrum.
40 ord og et billede
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula.
Vivamus malesuada dignissim ultrices. Nam pellentesque mi at magna vulputate sodales. Donec interdum blandit vestibulum.
Nulla in metus ut ex posuere finibus.
20 ord og et billede
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula. Vivamus malesuada.
20 ord og et billede
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula. Vivamus malesuada.
20 ord og et billede
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula. Vivamus malesuada.
Stikord
Stikord
Stikord
Stikord
30 ord og et billede
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula. Vivamus malesuada dignissim ultrices. Nam pellentesque mi at magna vulputate sodales donec.
30 ord og et billede
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula. Vivamus malesuada dignissim ultrices. Nam pellentesque mi at magna vulputate sodales donec.
30 ord er ofte nok
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula. Vivamus malesuada dignissim ultrices. Nam pellentesque mi at magna vulputate sodales donec.
30 ord er ofte nok
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula. Vivamus malesuada dignissim ultrices. Nam pellentesque mi at magna vulputate sodales donec.
30 ord er ofte nok
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula. Vivamus malesuada dignissim ultrices. Nam pellentesque mi at magna vulputate sodales donec.
30 ord er ofte nok
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula. Vivamus malesuada dignissim ultrices. Nam pellentesque mi at magna vulputate sodales donec.
30 ord er ofte nok
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula. Vivamus malesuada dignissim ultrices. Nam pellentesque mi at magna vulputate sodales donec.
30 ord er ofte nok
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula. Vivamus malesuada dignissim ultrices. Nam pellentesque mi at magna vulputate sodales donec.
no-go
Andre skrifttyper end valgt i styleguide
Skal vi vælge Verdana til brødtekst (den er nem at læse på skærm) og Playfair Display til rubrikker (den er klassisk og elegant)
Mere end 100 ord mellem to rubrikker
Fordi det bliver for massivt – især på smartphone
Mere end seks linjer i et afsnit
Fordi teksten så virker massiv og uoverkommelig.
Mere end 30 karakterer pr. linje på mobil
Fordi teksten så er for svær at læse
Mere end 50 karakterer pr. linje på computer
Fordi teksten så er for svær at læse
Mere end 3 linjer i rubrikker
Fordi teksten så er for kluntet, uelegant og massiv
Tekst mindre end 18px
Fordi teksten så er for svær at læse.
Lys tekst på lys baggrund
Fordi teksten så er for svær at læse. (Stor kontrast!)
Flere farver end styleguiden anviser
Fordi mange farver (oftest) skaber et rodet indtryk