Rettspraksis.no:Typografi: Forskjell mellom sideversjoner

Siste sideversjon per 12. mai 2021 kl. 23:24

Dette er typografien som er valgt for Rettspraksis.no.

Med typografi menes utforming og framstilling av det tekstlige budskap på nettsiden.

Innhold:

Tekst		Overskrifter
Skrifttype:	Roboto	Skrifttype:	Roboto
Skriftvekt:	400	Skriftvekt:	700
Skriftstørrelse:	15px/0.9375em	Skriftstørrelser:
Farge:	#333	- Sideittel	23px/1.4375em
		- Tittel	21px/1.3125em
		- Tittel2	18px/1.125em
		- Tittel3	16px/1em
		Farger:	#800020
			#333
			#FFF

Roboto har både et mekanisk skjelett og stort sett geometriske former. Samtidig har skrifttypen vennlige og åpne kurver. Mens noen groteske skrifttyper (uten seriffer) forvrenger bokstavformene for å tvinge en stiv rytme, går ikke Roboto på kompromiss, og tillater at bokstavene avgjøres i sin naturlige bredde. Dette gir en mer naturlig leserytme som ofte finnes i skrifttyper med humanistiske former og serif-typer.

Logo:

Tekst
Skrifttype:	Comfortaa
Skriftvekt:	700
Farger:	#131313
	#FFF
	#DD3333

Comfortaa har et avrundet geometrisk design uten seriffer og er en etterligning av skrifttypen Gill Sans. Den er beregnet for store størrelser.

Se også

Eksterne lenker

Google Fonts: Roboto (fonts.google.com)
Google Fonts: Comfortaa (fonts.google.com)

@@ Linje 1: / Linje 1: @@
-Med fokus på lesvennlighet, er dette typografien som er valgt for Rettspraksis.no.
+Dette er typografien som er valgt for Rettspraksis.no.
-Med lesevennlighet menes god leseflyt og minst mulig motstand mot å lese store tekstmengder. Det innebærer mørk grå skrift på hvit bakgrunn, for å opprettholde kontrast, uten at det blir for skarpt. Videre er det tatt hensyn til skriftstørrelse, linjeavstand og avstand mellom avsnitt. Overskriftene har tatt rødfarge fra logoen, men gjort mørkere for å gjøre den mindre skarp i lesesynsfeltet.
+Med typografi menes utforming og framstilling av det tekstlige budskap på nettsiden.
+__NOTOC__
+=== Innhold: ===
 {| class="wikitable"
 |- style="font-weight:bold;"
@@ Linje 12: / Linje 13: @@
 | Skrifttype:
 | Roboto
+|-
+| Skriftvekt:
+| 400
+| Skriftvekt:
+| 700
 |-
 | Skriftstørrelse:
-| 15px
+| 15px/0.9375em
 | Skriftstørrelser:
 |
 |-
 | Farge:
-| style="background-color:#202122; color: #fff"|#202122
+| style="background-color:#333; color: #fff;"|#333
 | - Sideittel
-| 23px
+| 23px/1.4375em
 |-
 |
 |
 | - Tittel
-| 21px
+| 21px/1.3125em
 |-
 |
 |
 | - Tittel2
-| 18px
+| 18px/1.125em
 |-
 |
 |
 | - Tittel3
-| 16px
+| 16px/1em
 |-
 |
 |
-| Farge:
+| Farger:
-| style="background-color:#911313; color: #fff"|#911313
+| style="background-color:#800020; color: #fff;"|#800020
+|-
+|
+|
+|
+| style="background-color:#333; color: #fff;"|#333
+|-
+|
+|
+|
+| style="background-color:#fff;"|#FFF
+|}
+'''Roboto''' har både et mekanisk skjelett og stort sett geometriske former. Samtidig har skrifttypen vennlige og åpne kurver. Mens noen groteske skrifttyper (uten seriffer) forvrenger bokstavformene for å tvinge en stiv rytme, går ikke Roboto på kompromiss, og tillater at bokstavene avgjøres i sin naturlige bredde. Dette gir en mer naturlig leserytme som ofte finnes i skrifttyper med humanistiske former og serif-typer.
+=== Logo: ===
+{| class="wikitable"
+|-
+! colspan="2" | Tekst
+|-
+| Skrifttype:
+| Comfortaa
+|-
+| Skriftvekt:
+| 700
+|-
+| Farger:
+| style="background-color:#131313; color: #fff;"|#131313
+|-
+|
+| style="background-color:#fff;"|#FFF
+|-
+|
+| style="background-color:#dd3333; color: #fff;"|#DD3333
 |}
-'''Roboto''' har både et mekanisk skjelett og stort sett geometriske former. Samtidig har skrifttypen vennlige og åpne kurver. Mens noen groteske skrifttyper («uten seriffer») forvrenger bokstavformene for å tvinge en stiv rytme, går ikke Roboto på kompromiss, og tillater at bokstavene avgjøres i sin naturlige bredde. Dette gir en mer naturlig leserytme som ofte finnes i humanistiske og serif-typer.
+'''Comfortaa''' har et avrundet geometrisk design uten seriffer og er en etterligning av skrifttypen Gill Sans. Den er beregnet for store størrelser.
 == Se også ==
-* [[Fargepalett]]
+* [[Rettspraksis.no:Fargepalett|Fargepalett]]
-* [[Logo]]
+* [[Rettspraksis.no:Logo|Logo]]
+* [[Rettspraksis.no:Designvalg|Designvalg]]
 == Eksterne lenker ==
 * [https://fonts.google.com/specimen/Roboto Google Fonts: Roboto] (fonts.google.com)
+* [https://fonts.google.com/specimen/Comfortaa Google Fonts: Comfortaa] (fonts.google.com)
 [[Kategori:Design]]