Back to top

Outline Elements in Website Design

webdesign elemets 1

Transparent outline boxes in website design are getting more popular nowadays. To achieve a nice-looking layout they should be used in the high contrast between the background and foreground elements.

If you’ll use them in the right place they will give your design its special appeal and will impress the visitors – guaranteed!
Watch out for one thing – if the lines will be too thin – you’ll lose the effect because they will merge into the design.

In my opinion, they look the best on full-image backgrounds.

Below you can see some examples of outline elements in website design.

Exsud Creative

web-design-outline-components-15

Makers Quarter

web-design-outline-components-09

Life of Pi

web-design-outline-components-16

Hexaedro

web-design-outline-components-14

Ola Kvernberg

web-design-outline-components-03

Mixture

web-design-outline-components-06

polecat

web-design-outline-components-17

Perplexity

web-design-outline-components-10

Romain Briaux

web-design-outline-components-04

Ernest

web-design-outline-components-18

Husenbaba

web-design-outline-components-05

BeFIT

web-design-outline-components-20

Hotel Lago di Garda

web-design-outline-components-08

Olivier Staub

web-design-outline-components-01

Flinders Street Station Design Competition

web-design-outline-components-02

Quechua

web-design-outline-components-11

LCDV

web-design-outline-components-13

Steve Angello’s welcome section

web-design-outline-components-12

Un autre expo

web-design-outline-components-07

Resume

The outline boxes are valuable elements to use if we would like to add some soft but prominent accents to our website design.