Stílhandbók Skoðunar
Litir, letur og einingar sem móta útlit vefsins. Handbókin sýnir hvernig efnið er sett fram á forsíðu, í greinum og á höfundasíðum.
Litir · Letur · Bil og breiddir · Einingar · Greintexti
Uppfært 9. október 2026
Vefsíður um þjóðfélagsmál
Blátt orðmerki á hvítum grunni. Nægilegt rými í kringum lógóið og upprunaleg hlutföll varðveitt.
01
Litir sem leiða að efninu
Hvítur grunnur, dökkur texti og Skoðunarblár halda efninu í forgrunni. Ljósir fletir og fínar línur afmarka hluta síðunnar.
Skoðunarblár
#2777A3
Lógó, tenglar og áherslur.
Texti
#26333B
Fyrirsagnir og meginmál.
Hvítur grunnur
#FFFFFF
Aðalflötur síðunnar.
Ljós flötur
#F3F7F9
Inngangur og afmarkað efni.
Upplýsingatexti
#536771
Dagsetningar, höfundar og skýringar.
Skilalínur
#DAE3E8
Fínar línur og jaðrar leitarsvæða.
02
Letur með skýra röðun
Georgia gefur fyrirsögnum ritstjórnarlegt yfirbragð. Open Sans heldur meginmáli, valmynd og upplýsingum skýrum. Stærðir aðlagast skjábreidd.
Aðalfyrirsögn
Georgia · 700 · 30–40 px
Greinar og hugleiðingar
Kaflafyrirsögn
Georgia · 700 · 26–36 px
Frjáls og málefnaleg umræða
Greinafyrirsögn
Georgia · 700 · 22–28 px
Mannúð okkar þarf að ná til allra
Meginmál
Open Sans · 400 · 15–18 px
Greinavefurinn notar læsilegt meginmál með 1,6 línuhæð. Fyrirsagnir marka skýra kafla og tenglar vísa áfram í tengt efni.
Upplýsingar
Open Sans · 400 · 12–14 px
08.10.2026 · Sigurður Hólm Gunnarsson
03
Bil, breiddir og taktur
Bil stækka með skjánum. Aðgreining byggir á rými og skilalínum, með beinum brúnum og án skugga.
Bilakerfið
space-xs · 8–12 px
space-s · 10–20 px
space-m · 15–30 px
space-l · 23–45 px
Rými fyrir lestur
- Ytri breidd: 90% af skjánum.
- Hámarksbreidd: 1200 px.
- Lesbreidd lengri texta: um 780 px.
- Myndir halda réttum hlutföllum og beinum brúnum.
Á minni skjám
Dálkar raðast niður. Síur fara fyrir ofan greinayfirlit og texti fær alla breiddina. Litlar yfirlitsmyndir víkja þegar þær þrengja að lesmálinu.
04
Einingar úr greinasafninu
Hér er virkt sýnishorn með raunverulegum færslum. Prófaðu leit, síðuflettingu, höfundatengla og efnisorð.
28.07.1999
Þær hafa varla farið fram hjá neinum, fréttirnar af fjöldamorðunum, sem berast frá Kosovo þessa dagana. Nú eru það ekki Kosovo-Albanir sem eru skipulega myrtir af Serbum heldur […]
27.07.1999
Það er furðulegt að nú, undir lok 20. aldar, skuli ríkið enn hafa afskipti af trúmálum fólks. Þrátt fyrir að við fögnum því nú að 125 ár eru […]
Höfundur og efnisorð
Höfundarnafn birtist þétt undir fyrirsögn og vísar á greinasafn höfundar. Efnisorð fylgja innganginum og tengja færsluna við stærri málefni.
Tenglar og leiðsögn
Bláir textatenglar eru meginleið að efni. Tenglatexti segir hvert leiðin liggur; leit og röðun nota einfalda reiti með fínum jaðri.
05
Greintexti og afmörkun
Stuttar málsgreinar, skýrar millifyrirsagnir og hófleg lesbreidd styðja við lestur lengri greina.
Vettvangur fyrir þjóðfélagsumræðu
Skoðun er vettvangur fyrir gagnrýna og málefnalega umræðu um stjórnmál, hugmyndafræði, heimspeki og menningu. Textinn fær rými til að njóta sín og framsetningin hjálpar lesandanum að finna leiðina áfram.
Þetta er sýnishorn af tilvitnun. Hún er aðgreind frá meginmálinu með einfaldri línu og læsilegu letri.
Listar í greintexta
- Eitt skýrt atriði í hverjum lið.
- Sama letur og línuhæð og í meginmáli.
- Tenglar með lýsandi heitum.
Efnisorð: Heimspeki og hugmyndafræði
06
Samræmi í nýju efni
Handbókin endurspeglar núverandi útlit. Nýjar síður og einingar eiga að halda sama takti og tengjast sömu litum og leturstærðum.
Sameiginleg einkenni
- Blátt lógó og sama valmynd í haus.
- Georgia í fyrirsögnum og Open Sans í texta.
- Raunverulegar myndir sem tengjast efninu.
- Dagsetning, höfundur og efnisorð þar sem við á.
Einföld framsetning
- Beinar brúnir og engir skuggar.
- Hvítir eða ljósir fletir í stað litastigla.
- Skilalínur og bil í stað skrautramma.
- Höfundar- og tengiliðaupplýsingar hægra megin í síðufæti á stærri skjám.