Mooiste Websites logo
  • Mooiste websites
  • Website templates
  • Webdesign blog
  • Website toevoegen
  • Over ons
    • EN
    • NL

Grid websites

Websites met een grid, of ook wel rooster genoemd, gebruiken een systeem om elementen op een logische plaats te positioneren. Bekijk hier de beste voorbeelden van website die in een grid zijn geplaatst. Bekijk hier voorbeelden van grid websites.

Het woord grid is het Engelse woord voor rooster. Hier komt de naam dan ook van; een grid layout bestaat vaak uit een systeem van horizontale en verticale lijnen die volgens een logisch patroon zijn geplaatst.

Alle elementen op de website zijn vervolgens tussen deze lijnen geplaatst. Hierdoor ontstaat een duidelijk systeem waarop de elementen zijn gerangschikt.

Elementen die vaak in een grid worden geplaatst zijn afbeeldingen, blokken met gekleurde tekst, maar ook typografie leent zich prima voor het grid systeem.

Op deze pagina zijn er prachtige voorbeelden te vinden van websites in een grid layout.

Own Identity

Trainingsbureau Signaal

Trainingsbureau Signaal
  • Blauw
  • Grijs
  • Rood
  • Wit
  • Flat
  • Fotografie
  • Grid
  • Illustraties
  • Responsive
  • Typografie
  • Vormen
  • Weblogs

Wederopbouwers

Wederopbouwers
  • Beige
  • Rood
  • Wit
  • Zwart
  • Flat
  • Grid
  • Illustraties
  • One-page
  • Responsive
  • Retro
  • Typografie

Letterdesk

Letterdesk
  • Blauw
  • Geel
  • Paars
  • Wit
  • Zwart
  • Zwart-wit
  • Flat
  • Fotografie
  • Grid
  • Illustraties
  • Modern
  • Responsive
  • Typografie
  • Vormen

QWIC

QWIC
  • Beige
  • Oranje
  • Zwart-wit
  • Animaties
  • Flat
  • Fotografie
  • Grid
  • Responsive
  • Typografie
  • Vormen
  • Webshops

Miro

Miro
  • Blauw
  • Geel
  • Kleurrijk
  • Roze
  • Wit
  • Zwart
  • Zwart-wit
  • Flat
  • Grid
  • Illustraties
  • Modern
  • Responsive
  • Typografie
  • Video
  • Vormen

Topicus

Spreekuur

Spreekuur
  • Blauw
  • Grijs
  • Rood
  • Turquoise
  • Wit
  • Animaties
  • Flat
  • Fotografie
  • Grid
  • Responsive
  • Typografie

Polestar

Polestar
  • Grijs
  • Oranje
  • Wit
  • Zwart-wit
  • Animaties
  • Flat
  • Fotografie
  • Grid
  • Minimalistisch
  • Modern
  • Typografie

Mixcloud

Mixcloud
  • Blauw
  • Grijs
  • Kleurrijk
  • Oranje
  • Rood
  • Wit
  • Brutalist
  • Flat
  • Grid
  • Modern
  • Responsive
  • Typografie

Waze

Waze
  • Blauw
  • Geel
  • Grijs
  • Groen
  • Kleurrijk
  • Paars
  • Wit
  • Zwart
  • Zwart-wit
  • Flat
  • Grid
  • Illustraties
  • Responsive
  • Typografie
  • Vormen

Reed

Uitgelicht
Reed
  • Paars
  • Roze
  • Wit
  • Zwart
  • 3D
  • Animaties
  • Brutalist
  • Fotografie
  • Grid
  • Internetbureau
  • Minimalistisch
  • Modern
  • Typografie

10uur

Visrecepten.nl

Visrecepten.nl
  • Rood
  • Turquoise
  • Wit
  • Zwart
  • Flat
  • Fotografie
  • Grid
  • Responsive
  • Typografie
  • Vormen
  • 0
  • 1
  • 2
  • 3
  • 4
  • 2

Gerelateerde artikelen

Artikelen getagd met grid.

Website layouts: tips en voorbeelden

Website layouts: tips en voorbeelden

6 webdesign trends voor 2019

6 webdesign trends voor 2019
Alle artikelen

Tags

  • 3D websites
  • Abstracte websites
  • Geanimeerde websites
  • Brutalist websites
  • Flat websites
  • Websites met fotografie
  • Websites met gradients
  • Grid websites
  • Websites met iconen
  • Websites met illustraties
  • Websites van internetbureaus
  • Landing pages
  • Minimalistische websites
  • Moderne websites
  • One-page websites
  • Parallax scrolling websites
  • Portfolio websites
  • Responsive websites
  • Retro websites
  • Storytelling websites
  • Typografische websites
  • Websites met video
  • Websites met vormen
  • Blogs
  • Webshops

Kleuren

  • Rode websites
  • Oranje websites
  • Gele websites
  • Groene websites
  • Turquoise websites
  • Blauwe websites
  • Paarse websites
  • Roze websites
  • Beige websites
  • Bruine websites
  • Witte websites
  • Grijze websites
  • Zwarte websites
  • Zwart-witte websites
  • Gouden websites
  • Bronzen websites
  • Kleurrijke websites
  • Pastelkleurige websites

Best beoordeelde websites

  • Stafa
  • Eva
  • Jeff Andries
  • Beat the Barn
  • Vedder & Vedder
  • Weblounge
  • TODD Reclamestal
  • GaragePark
  • VanMoof
  • Waaark

Nieuwste websites

  • Noodz
  • Pockethunt
  • Craft CMS
  • Oneteam
  • Tabs & Spaces
  • Sellpy
  • The Middle Finger Project
  • Jouw Entrée
  • Own Identity
  • TRAFFIC

Webdesign blog

  • Websites van de grootste politieke partijen van Nederland vergeleken
  • Restaurant websites: de mooiste voor jouw inspiratie
  • Website layouts: tips en voorbeelden
  • Kleurenpaletten samenstellen: zo combineer je kleuren
  • Kleurenleer voor designers: alles wat je moet weten over kleur
  • De betekenis van kleuren op je website
  • 3D illustraties, de nieuwste trend in design?
  • Typografie tips voor jouw webdesign + voorbeelden
  • Wireframes maken voor je website
  • [Tutorial] Portfolio website ontwerpen in Photoshop
Instagram Facebook Youtube
Webdesign Amsterdam