Connect with us

Culture

32 Inspiring Websites With Borders

In the age of responsive web design, where websites are able to expand to the infinite widths of your browser window, it’s sometimes hard to know where your computer screen ends, and the real world begins (Not really — but for the sake of this post, please bare with my exaggerations.) Ever since the popularity of full screen, responsive design took hold, I’ve noticed an increasing trend in the addition of borders to websites. While borders on websites offer an elegant design aesthetic, they also provide a needed sense of space, and help to establish boundaries, within the the boundry-less world of responsive design.

1. Givenchy.com

01

In the age of responsive web design, where websites are able to expand to the infinite widths of your browser window, it's sometimes hard to know where your computer screen ends, and the real world begins (Not really — but for the sake of this post, please bare with my exaggerations.) Ever since the popularity of full screen, responsive design took hold, I've noticed an increasing trend in the addition of borders to websites. While borders on websites offer an elegant design aesthetic, they also provide a needed sense of space, and help to establish boundaries, within the the boundry-less world of responsive design.

1. Givenchy.com

01

The menu may surround the web page even when you scroll down the page.

2. EdicionesDaga.com

02

When one has to include random content all around the page, it is appropriate to create a specific border to contain all the information within defined premises.

3. SewSewShoppe.com

03

Every kind of clip art can be used to surround the web page.

4. MauMorgo.com

04

You may surround any specific side of the web page with social media buttons or any other such menu so as to make sure you fulfill your purpose through your site.

5. TomaszBiskup.com

05

The border should be inserted in a way that it appears to be in correct way in all the available screens and formats.

6. SangHan.co

06

One may surround his web page with specific buttons that carry them to the different sections of the site.

7. ArsCampusIl.com

07

The border must be in some sort of contrast with the text included in the content of the web page.

8. PpFestival.gr

08

The borders should be continuous, sharp, clear and it may be just white line making the whole page to fit the screen.

9. SocketStudios.com

09

As regards to the display resolution of the site, the border must be aligned throughout the page and it should be made sure that it does not affect the functionality of the site.

10. ConvoyInteractive.com

10

The border may not be well-defined but it may fulfill the purpose of keeping the whole web page in shape.

11. Moma.org

11

The websites for presentation that serve educational purposes may be designed with well-defined borders containing all the proper tools to perform all kinds of functions.

12. Somosende.com

12

Keeping all the possible resolutions and other aspects of the web page into consideration, the text field must be limited to the specific area.

13. ElectricBodies.com

13

The border may contain small-sized floating images, selections or any other sort of graphics to support the site.

14. LaMoradaDeLosAndes.com

14

Sometimes it may become troublesome for the designers to display full-sized images across the whole page so they may make use of borders to define the content in proper context.

15. RunTheGap.com

15

The borders may be created within the content to separate the sections and the edges of the web layout appear to be sharp.

16. KokoroMoi.com

16

There must be enough space between the scroll bar and the content so that the user enjoys scrolling the site without loosing visibility in any format.

17. OakDesignStudio.com

17

The functionality and graphics of the site are limited to the specific area. This makes it easier for the web page to function properly on each and every format.

18. Opero.gr

18

You may color the border with colors similar to the original content thus creating a contrast between border and the content of the site.

19. Make-Matter.com

19

The border may appear to the background of the whole web page thus giving a nice and unique look.

20. JensLehmann.com

20

The border of the site may be a slide bar indicating the number of pages you have gone through. It can be a similar tool related to the site providing more information related to the site.

21. DiscoverShadow.com

The whi21

The dark border over the white surface makes it a lot clearer and beautiful.

22. ADABlackJackGoods.com

22

23. FitzFitzPatrick.com

23

24. Heliom.ca

24

25. DavidBastian.cl

25

26. LaunchPad.la

26

27. AurelienJuner.com

27

28. NarrowDesign.com

28

29. JustSmith.com

29

30. LaMondaMagazine.com

30

31. McLellanJacobs.com

31

32. AndiMayr.de

32

I'm the editor-in-chief of Bittbox.com. I'm a designer and developer by day, and a writer and musician when the feeling strikes. I enjoy vintage advertisements and puzzles with an absurd amount of pieces. Follow me on Twitter.

Click to comment

More in Culture

Trending This Week

To Top