Mood board og style guide til website

Et mood board er fremragende til at fastlægge den overordnede stil og stemning  FØR vi vælger detaljer og designer sider.

Et mood board kan især bruges til at vurdere stil og stemning ved at samle og vise skrifttyper, farver og billeder.

Et mood board ender ofte med at blive forvandlet til en style guide – til et værktøj, der gør det nemmere og hurtigere at lave det endelige design på de færdige sider.

 

En style guide indeholde de vigtige beslutninger vedrørender designet: hvilke farver skal bruges. Hvilke koder har de forskellige farver. Hvilke skrifttyper og -størrelser.

Hvordan skal knapper se ud. Hvordan skal bokse med fakta se ud. Hvor skal der bruges baggrundsfarver og baggrundsbilleder. Etc.

Når man arbejder efter en style guide kan man arbejde hurtigt og sikkert – og fastholde en bestemt stil hele vejen igennem.

 

 

"Jeg Er" - ny bog på vej

Har du et billede, der kan bruges til at finde DIN farveskala?

Billedet skal matche din stil. Din business. Det du tilbyder.

Og så skal det bruges til at definere din farveskala.

Hent billedet ind i Adobe Color og placer de runde cirkler på de farver, du gerne vil have

Guide til at lave mood board

Dette mood board er lavet ved at bruge DIVI pagebuilder til WordPress

Overskrift 1

Overskrift 2

Overskrift 3

Overskrift 4

 

Lorem ipsum dolor. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

"Jeg Er" - ny bog på vej

Skrifttype til rubrikker: Georgia

Overskrift 1

Overskrift 2

Overskrift 3

Overskrift 4

Overskrift 5

Skrifttype til brødtekst: Montserrat
En lys, let, letlæselig feminin skrift

Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Et dinim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.

Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.

Den rigtige størrelse til billeder

Vi kan sætte udvalgte billeder ind herover for at se, om de skaber den rette stemning og stil. Og om de passer til både store og små skærme.

BILLEDSTØRRELSER:

Overvejende 16:9 format

  • 1280 x 720 px
  • 1080 x 608 px
  • 795 x 449 px

 

KOMPRIMERING AF BILLEDER

Billeder bør ikke veje for meget:

  • 795 x 449 px kan som regel komprimeres til omkring 100kb
  • 1080 x 608 px kan som regel komprimeres til omkring 150 kb
  • 1280 x 720 px kan som regele komprimeres til omkring 200 kb

Nytårskuren

2021. Nu er tiden kommet til at spænde løbeskoene på, livremmen ind og forberede dig på en ”hvid januar” uden alkohol. Nå, ikke? Ok, så. Det er som det er. Og lige nu har vi ikke mere ”fun” end det, vi selv laver. Ikke mere skæg end det, vi sidder på, hoho. Måske er...

Bog på vej! Og førjulegave…

Bog på vej! Og førjulegave…

I dag er det vintersolhverv, dvs. den tid på året, hvor solen står lavest på himlen og dagen har 7 timer 1 minut og 19 sekunder, inden lyset atter er væk. Det er også dagen, hvor det går den anden vej og dagene begynder at blive længere. I førkristen tradition er det...

En lille nisse rejste…

En lille nisse rejste…

...Med ekstrapost fra land til land....og det tog den riiigtig lang tid :/ Coronaen har ramt alt og alle, inklusive trykkeriet, der trykker min bog! Der er "force majeure", som det hedder, når der ikke er noget at gøre ve'ed. Den er bestilt til tryk i god tid, men en...

Lorem ipsum dolor

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Link i tekst skal have denne farve

Eiusmod tempor incididunt ut labore

Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Hvordan skal dit logo se ud?
Åbn boksen for at læse mere

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.

Kig på indholdet

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.

Vi kan også sætte billeder ind

Denne metode til præsentation af indhold er velegnet, når indholdet kan formuleres a la spørgsmål (den synlige titel) og svar (læse indholdet i boksen)

Det er stadig vigtigt, at indholdet er overskueligt. At der ikke er for mange bokse og at det skjulte indhold ikke er for langt.

Her er linjelængden passende. Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Linjelængden er alt for bred, når den går fra kant til kant

Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Her er linjelængden passende – men max.

Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Excepteur sint occaecat

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.  Cupidatat non proident
~

Dolore eu fugiat nulla

In reprehenderit in voluptate velit esse cillum pariatur.  Duis aute irure dolor cupidatat non proident. Excepteur sint occaecat.

Esse cillum pariatur

In reprehenderit in voluptate velit. Dolore eu fugiat nulla duis aute irure dolor cupidatat non proident. Excepteur sint occaecat.

Excepteur sint occaecat

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.  Cupidatat non proident

Dolore eu fugiat nulla

In reprehenderit in voluptate velit esse cillum pariatur.  Duis aute irure dolor cupidatat non proident. Excepteur sint occaecat.

Esse cillum pariatur

In reprehenderit in voluptate velit. Dolore eu fugiat nulla duis aute irure dolor cupidatat non proident. Excepteur sint occaecat.

Excepteur sint occaecat

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.  Cupidatat non proident

Dolore eu fugiat nulla

In reprehenderit in voluptate velit esse cillum pariatur.  Duis aute irure dolor cupidatat non proident. Excepteur sint occaecat.

Excepteur sint occaecat

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.  Cupidatat non proident

Esse cillum pariatur

In reprehenderit in voluptate velit. Dolore eu fugiat nulla duis aute irure dolor cupidatat non proident. Excepteur sint occaecat.
Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Fold dig ud

Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.

Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

15 + 12 =