Back to top

Outline Elements in Website Design

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 it will give to your design own special appeal and will impress the visitors – guaranteed!
Watch out on one thing – if the lines will be to thin – you’ll lose the effect because they will merge into the design.

In my opinion, they look the best on the 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

iPolecat

web-design-outline-components-17

Pureplexity

web-design-outline-components-10

Romain Briaux

web-design-outline-components-04

iErnest

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.