Mooiste Websites logo
  • Mooiste websites
  • Website templates
  • Kleuren paletten
  • Design 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.

Silicon Allee

Silicon Allee
  • Grijs
  • Groen
  • Zwart-wit
  • Flat
  • Fotografie
  • Grid
  • Illustraties
  • Minimalistisch
  • Modern
  • Responsive
  • Typografie
  • Witruimte

MassiveMusic

MassiveMusic
  • Rood
  • Wit
  • Zwart
  • Zwart-wit
  • Animaties
  • Flat
  • Fotografie
  • Grid
  • Internetbureau
  • Modern
  • Typografie
  • Video

Own Identity

Trainingsbureau Signaal

Trainingsbureau Signaal
  • Blauw
  • Grijs
  • Rood
  • Wit
  • Flat
  • Fotografie
  • Google Fonts
  • 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
  • Witruimte

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
  • 2
  • 3
  • 4
  • 5
  • 4

Gerelateerde artikelen

Artikelen getagd met grid.

Grafisch ontwerp: 4 basisprincipes die je moet kennen

Grafisch ontwerp: 4 basisprincipes die je moet kennen

Website layouts: tips en voorbeelden

Website layouts: tips en voorbeelden
Alle artikelen

Tags

  • 3D websites
  • Abstracte websites
  • Geanimeerde websites
  • Brutalist websites
  • Flat websites
  • Websites met fotografie
  • Websites met Google Fonts
  • 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
  • Typografie websites
  • Websites met video
  • Websites met vormen
  • Blogs
  • E-commerce websites
  • Websites met witruimte

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
  • Weblounge
  • Beat the Barn
  • Vedder & Vedder
  • GaragePark
  • Dopper
  • VanMoof
  • Waaark

Nieuwste websites

  • Nu Spellen Spelen
  • Biller
  • The Edwin Group
  • RocketX
  • Top Koffiezetter
  • Good Work
  • Net4kids
  • Simple Analytics
  • Argenta
  • Resident Advisor

Webdesign blog

  • Grafisch ontwerp: 4 basisprincipes die je moet kennen
  • Google Fonts: mooie lettertypes op je website
  • Websites van de grootste politieke partijen van Nederland vergeleken
  • Restaurant websites: de mooiste voor jouw inspiratie
  • Website layouts: tips en voorbeelden
  • Kleurenpaletten maken: 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
Instagram Facebook Youtube
Webdesign Amsterdam