Webparts og overskrifter

Webparts og overskrifter

Dette er en såkaldt tema-oplevelsesside på et kultursite, fordi alle webparts kan bruges her. Der er eksempler på langt de fleste webparts og de afstande, der er før og efter, overskrifttypografier, problemer med kontrast mv.

Herunder er der eksempler på de fleste webparts og de afstande, der er før og efter. 

  • Webparts er alle steder placeret så tæt, de kan. Nogle webparts er dog udviklet primært til forsiden og/eller sektionssider, og de kan ikke vises korrekt på denne side, fx flexibokse.
  • I kan også se vores typografier, og hvordan overskrifter skifter mellem versaler og ikke lige tydelige skriftstørrelser. Vi vil også gerne have kigget på afstande og fremhævelse, hvis det ikke længere er versaler. 
  • Der er et problem med kontrast på teaserbokse på kultursites
  • Der er et problem med baggrundsfarven på enkelte meget mørke webparts.

Brødtekst

Brødtekst: Normal. Vi kan skrive direkte i brødteksten i editoren. Webparten Call to action er normalt placeret som her.

Call to action-knap

Po up til samtykke

OK?

OK

Mere brødtekst

Overskrift 2

Bruges ofte, bl.a. på sidetyperne nyheder og høringer.

OVERSKRIFT 3 

Bruges meget sjældent i brødtekst - burde måske ikke være mulig i brødtekst? Hvis man har så meget tekst, at man vil underinddele, bør man nok lave en harmonika i stedet.

OVERSKRIFT 4 

Bruges ikke i brødtekst - burde måske ikke være mulig i brødtekst? 

Bemærk: Der kunne godt være lidt mere luft ned til harmonikaen her:

Harmonika titel - Overskrift 2

Video-webpart (Indlejret video fra VideoTool, Iframe, kort, osv.)

Vi har en del luft omkring vores video-webpart, som vi gerne vil have kigget på. 

Se eksempler på video-webpart uden og med tekst under videoen.

Etiket på tekst vist under videoen

Titel på tekst vist under videoen

Brødtekst (normal skrift). Nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Vedbækfundene
Etiket til Billede og tekst

Billede og tekst med etikette - Overskrift 2

Bemærk: Overkanten af teksten i etiketten flugter med overkanten af billedet.

Man kan fremad se, at de har været udset til at læse, at der skal dannes par af ligheder. Dermed kan der afsluttes uden løse ender.

Mellemrubrik i Billede og tekst: Overskrift 3

I en kant af landet går der blandt om, at de vil sætte den over forbehold for tiden. Vi flotter med et hold, der vil rundt og se sig om i byen. Det gør heller ikke mere. 

Kæruld i Malmmosen

Billede og tekst uden etikette - Titel = Overskrift 2

Bemærk: Overkanten af teksten i overskriften flugter ikke med overkanten af billedet.

Selv om hun har sat alt mere frem, og derfor ikke længere kan betragtes som den glade giver, er det en nem sammenstilling, som bærer ved i lang tid. 

Fleksibokse

Primært til brug på forsiden og på sektionssider, så de fungerer ikke optimalt på indholdssider. Men de vil også være gode at kunne bruge på indholdssider.

Etiket

Flexiboks midi - titel = Overskrift 2

Det er opmuntrende og anderledes, at det er dampet af kurset i morgen. 

Historie
Etiket

Titel

Det er opmuntrende og anderledes, at det er dampet af kurset i morgen. 

Lodret liste over institutioner

Vi har ikke data til at danne denne automatiske listevisning. Se i stedet harmonikaen på denne side:
https://www.rudersdal.dk/kontakt

Lodret liste over politikere

Vi har ikke data til at danne denne automatiske listevisning. Se i stedet:
https://www.rudersdal.dk/infosider/kommunalbestyrelsen#KMB-medlemmer

Links - relateret indhold, grå knapper - Overskrift 2

Kultunaut teaserbånd, sted. Titel = Overskrift 2

Se alle arrangementer

Webparts, hvor baggrundsfarven er for mørk og tung

Faktaboks - titel = Overskrift 2

Vores faktaboks har som baggrundsinformationsboksen en meget mørk baggrund og ønskes kigget på. 

Overskrift 3 (sjældent benyttet)

Samtidig er overskriften i faktaboksen også med versaler, som bør overvejes og stemme overens med de øvrige anbefalinger for de andre webparts 

Der kan stå brødtekst eller placeres en harmonika ved siden af en faktaboks. Men det fungerer ikke altid med brødtekst. Teksten bliver ombrudt på en uskøn måde, hvis den er længere end faktaboksen. Overskriften har også en anden justering end brødteksten, som her.

Vi flotter med et hold, der vil rundt og se sig om i byen. Det gør heller ikke mere. Men hvor vi nu overbringer denne størrelse til det søgeoptimering handler om, så kan der fortælles op til 3 gange. Hvis det er træet til dit bord der får dig op, er det snarere varmen over de andre. Selv om hun har sat alt mere frem, og derfor ikke længere kan betragtes som den glade giver, er det en nem sammenstilling, som bærer ved i lang tid. 

Det gør heller ikke mere. Men hvor vi nu overbringer denne størrelse til det søgeoptimering handler om, så kan der fortælles op til 3 gange. Hvis det er træet til dit bord der får dig op, er det snarere varmen over de andre. Selv om hun har sat alt mere frem, og derfor ikke længere kan betragtes som den glade giver, er det en nem sammenstilling, som bærer ved i lang tid. 

Hvis det er træet til dit bord der får dig op, er det snarere varmen over de andre. Selv om hun har sat alt mere frem, og derfor ikke længere kan betragtes som den glade giver, er det en nem sammenstilling, som bærer ved i lang tid. 

Baggrundsinformation med vandmærke - titel = Overskrift 2

  • Mørke webparts (overskrift 3) 

    Vores baggrundsinformation er meget mørk og den ønsker vi at få kigget på. Det er dog vigtigt at pointere, at der kan til- og fravælges vandmærke og dette skal også tænkes ind i den nye farve, så den fortsat har kontrast nok til teksten, der kan gå ind over. 

    Vandmærket i sig selv behøver ikke har opfylde en bestemt kontrast, da det er dekorativt 

    Mørke webparts (overskrift 3) 

    Vores baggrundsinformation er meget mørk og den ønsker vi at få kigget på. Det er dog vigtigt at pointere, at der kan til- og fravælges vandmærke og dette skal også tænkes ind i den nye farve, så den fortsat har kontrast nok til teksten, der kan gå ind over. 

    Vandmærket i sig selv behøver ikke har opfylde en bestemt kontrast, da det er dekorativt 

Filterwebpart

Vi har ikke data på dette site til at vise brugen. Se eksempel https://www.rudersdal.dk/service/find-bolig-aeldre

NB! Webparten er også ret voldsom, da den går helt til kant i begge sider. Der skal være plads til filtrering, men det fylder ikke det hele. På ovennævnte side er vi bekymrede for, at brugerne tror, at det er sidefoden, og slet ikke ruller ned til den.

Titel på filterwebpart

Knaptekst

Problemer med kontrast

Kontrast på teaserbokse på kultursites

NB! De tre teaserbokse burde egentlig lægge sig ved siden af hinanden - ligesom nederst på forsiden af https://oplev.rudersdal.dk/

Teaser-titel - Overskrift 2

Teaser i primærfarven - 1 af 3
Teasertekst: Læs mere om historien

Læs mere

Teaser-titel - Overskrift 2

Teaser i mørkegrå grå - 3 af 3
Teasertekst: For turister

Læs mere

Teaserboks med billede - Teaser-titel - Overskrift 2

Billede med mørkt filter
Der er ofte ikke nok kontrast mellem billedet og den hvide tekst

Læs mere

Kontrast mellem piltasterne og billeder i forskellige webparts

Der er ikke altid tilstrækkelig kontrast mellem piletasterne og billederne. Måske skal man skule mod det nye design, som er lavet til temabåndet. 

Billedbånd - har ingen titel (overskrift)

Natur
a
JAzz
wd

 

Karussel på forside og sektionssider

Se forsiden for eksempel på, at der ikke altid er tilstrækkelig kontrast mellem piletasterne og billederne:

Forsiden - Rudersdal Kultur Basis site

Temabånd

Lokal footer - også en webpart

Jeg kunne godt ønske mig en anelse mere luft fra teskt/webpart ned til den lokale footer.

Rudersdal Museer

Biblioteksalléen 5, 2850 Nærum
museum@rudersdal.dk
46 11 56 50