Explore

Futuristic mood board

A futuristic mood board for web design: 12 references from live websites, one per site, picked from 25 futuristic sections in the save.design library.

Start a mood boardAll mood boards
Projects — 3D Cylindrical Carousel on emotion-agency.comemotion-agency.comHUD-Style Collection Grid on dich-fashion.webflow.iodich-fashion.webflow.ioBrutalist Book Detail Header on codapress.co.ukcodapress.co.ukCRT Dot-Matrix Workshop Hero on raindrop.airaindrop.aiClip Menu with Scattered Illustrations on tympanus.nettympanus.netManifesto with Temple Watermark on sazabi.comsazabi.comCollaborative CRM Card with Gradient Border on micro.reformcollective.commicro.reformcollective.comAbout Page Hero with Light Trails on hubtown.co.inhubtown.co.inCyberpunk Project Section on hridaew.comhridaew.comDark CTA with 3D Carousel on companypolicy.studiocompanypolicy.studioUFO Abduction with "TWO" Typography on unisheep.comunisheep.comSpectrum Timeline Bar on tikoscan.comtikoscan.com

What makes a design futuristic

Interfaces that look like they come from a film: HUD details, mono type, scanlines and technical grids. Take the details; a few well-placed ones carry the whole mood.

Every tile opens the section it came from. Use the board as a starting point: keep the four or five references that fit your brief, and write next to each what you're taking from it.

Sites on this board

Each one is a live website, credited to its maker.

Type and stack

What the sites on this board are set in and built with, read from their live pages.

More mood boards

BrutalistMinimalistDarkEditorialPlayfulLuxuryRetro3DMonochromeOrganic and naturalBold typographyGradientSwiss and gridNeonPixel and 8-bitGlass and frostedIllustrated and hand-drawnCollageWarm tones

New to mood boards? Read how to make a mood board, with a template.

Make a board like this
from your own references.

Drop saved websites, sections and screen recordings onto an infinite canvas, group them into frames, and share one link.

Create a canvas