#595e3b

#8c8956

#d9aca3

#8c324e

#4b72a6

Styleguide til Mindshift

Overskrift1 – 67 px

Overskrift2 – 45 px

Overskrift3 – 30 px

20 px er ideel størrelse

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

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.

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.

l

Etiket

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula. Vivamus malesuada.
U

Stikord

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula. Vivamus malesuada.

Stikord

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula. Vivamus malesuada.

Stikord

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eros lorem, pharetra vitae ante a, vulputate egestas ligula. Vivamus malesuada.

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 Roboto (light) til brødtekst (den er nem at læse på skærm) og Cagliostro 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