25 Examples of Clean and Well designed Web Sites

Ive been looking around the web to try and find some examples of clean well structured sites, this maybe a unique layout or just simply presented well with some good typography, spacing or initial first impression of the site, here are just a few of the ones I’m liking.

Brian Hoff

brianhoff

Kyle Steed

kylesteed

Spoon Graphics

spoongraphics

Sushi and Robots

sushiandrobots

New To York

newtoyork

Adrian Pelletier

adrianpelletier

Ribbons of Red

ribbonsofred

Purple Rain Cloud

purpleraincloud

Snook

snook

Tobias Ahlin

tobiasahlin

Srburns

srburns

8 Interactive

8interactive

Stuff and Nonsense

stuffandnonsense

Lift Interactive

liftinteractive

Jason Reynolds

jason-reynolds

Marten dejongh

martendejongh

Mutt Ink

muttink

Rainbeau Mars

rainbeaumars

Mark Boulton

markboulton

Simple Bits

simplebits

Ainsworth Studio

ainsworthstudio

The Darling Tree

thedarlingtree

Pixel Craft

pixelcraft

z8

z8

Glue

glue

Comments

Have your seen any well designed web sites on your travels around the web, if so feel free to post a link in the comments?

25 Examples Of Light Effects In Web Design

Some examples of how people use light effects to enhance their web designs either by giving it more colour or by giving it more depth, check out my selection from around the web for some inspiration.

You might also enjoy: 25 Examples of Light and Space Effects In Web Design

Trent Cruising

trentcruising

Squarespace

squarespace

Theater Website Services

theaterwebsiteservices

Serj

serj

Mediocore

mediocore

Macalicious

macalicious

Yourt Web Job

yourwebjob

Jamison Banham

jbanham

Alcomi

alcomi

Us trendy

ustrendy

Poolie Studios

pooliestudios

Pixel-House

pixel-house

Twiistup

twiistup

Source Bits

sourcebits

Sergey Stanchev

sergeystanchev

Icon Dock

icondock

Graphik

graphik

Future Tap

futuretap

Fernando Sergio

fernandosergio

Feels TV

feelstv

Digimurai

digimurai

Design Disease

designdisease

Causecast

causecast

Box Wish

boxwish

Code Art Media

codeartmedia

Comments

Seen any more light effects in designs any where feel free to leave a link in the comments.

25 Examples of Light and Space Effects In Web Design

I’ve collected some great examples of space and lighting effects that are quite commonly used in web design these days as inspiration, usually accompanied by vivid colours and streaks of light, which is currently one of my favourite styles.

If your interested in creating space effects you might want to check out the space and planet Photoshop tutorials post I put together.

45 Royale

45royale

The Beatles Rock Band

thebeatlesrockband

Studio 7 Designs

studio7designs

Sourcebits Nerve

sourcebitsnerve

Revyver

revyver

Radiiate

radiiate

Pure Dezigner

puredezigner

Klick Studios

klickstudios

Kavoon

kavoon

Satellite Dev

satellitedev

RJ Designz

rjdesignz

Larva Labs

larvalabs

Jan Pivonka

pivonka

Noe Design

noedesign

Monofactor

monofactor

Ligne 13

ligne13

Honey Design

honeydesign

Gummisig

gummisig

Evan Ekard

evanekard

Brain Fart

brainfart

Australia 2018

australia2018

Amber Miro

ambermiro

Albert Lo

albertlo

365 Days Of Astronomy

365daysofastronomy

Votaw

votaw

Comments

Do you like this style of web design or do you find it too over powering. Your thoughts are apreciated please leave a comment below.

12 Cool Big Cartel T-shirt Stores

Big Cartel offers an excellent resource for indie t-shirt lines looking for a quick and easy social online store. However, as of this posting, there were well over 4,000 shops at Big Cartel. The majority of these serve up some t-shirts and we wanted to share 12 of our faves?  Read on to see what we like about each of these stores.

Daft Packs

The #1 Pick in Premium Sportswear. Legends Only

DRAFT_PACKS_Big_Cartel

BYH New York

Founded in March 2013 in New York City. by H. aims to create interesting and affordable everyday wear. We seek to make functional, season-less as well as unisex clothing by following a minimalist approach.

by_H._New_York_Big_Cartel

JVP Melbourne

New Fashion Design from Melbourne

JVP_Melbourne_Big_Cartel

Well Fed New York

Started in New York City in 2010, Well Fed has grown from a simple visual blog to a worldwide apparel company.

Well_Fed_Big_Cartel

Ovidius

Coming from the streets of London, Ovidius Clothing is a Highstreet brand inspired by surrounding Contemporary Culture. Having launched in 2013, Our aim is perfecting our products for our customers. We have an eye for detail on our quality garments sold at affordable prices.

Home_Ovidiusclothing_Big_Cartel

DRARE

Clothing from the Midlands, UK

Drare_Big_Cartel

12Stack

There is a lot of action going on here. Sometimes that is a bit much, but showed that excess can look good too.

Home_12_STACK_Quality_Apparel_Big_Cartel

Dirty Rich

Simple, clean, minimal. Enough said.

Dirty_Rich_Apparel_Big_Cartel

M+RC Noir

How do you get it do Fresh? By washing your tees with too much detergent inside your animated washing machine.

mrcnoir_Big_Cartel

Summit

Big imagery and even bigger clothing

Home_Summit_Clothing_Big_Cartel

KYC Vintage

This is a very cool touch for a t-shirt line that covers quite a few subjects.

KYC_Vintage_Big_Cartel

Drop The Anchor

Original Melbourne Streetwear, Shop

Home_Drop_The_Anchor_Clothing_Big_Cartel

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Get web design ideas & inspiration from other designs – Brown

The aim of this post is to gain design inspiration and ideas from what others have already done, some times its best not to reinvent the wheel and see what others are doing to make there designs work.

Sometimes you can take an idea such as how the navigation looks or how the page has been separated in to different sections and build on this to produce your own variation or new concept.

I’ve managed to compile various websites that look particularly interesting and have certain design elements to get designers thinking about what they could include in there next design.

Points to consider:

  1. How the pages are split up, how the content is separated from other content e.g. a dashed line, change of colour
  2. How the navigation is structured and presented in the design.
  3. Colours that have been used in the designs

I’ve created Photoshop colour swatches of all the designs so if you feel that you want to play around with a certain colour you can download them here

I would be interested to know how other people analyse designs to get inspiration and what they look for Inperticular in a design, please leave a comment.

Most of these screens are based on a brown and earthy theme, most of the designs are not live sites and are just concepts, i thought it would be best to categorise any additional posts in this way to see how colours are used and what colours complement the designs.

Im not saying these designs are perfect and every ones a critic, but they have some cool design features that could be useful to any one wanting to get some good ideas.

All That Jazz


Info: View larger image | Designed by: cc-designs

Interesting Design Features:

  1. Dividing content with dashed lines, adding light sources to new sections to emphasise where new content starts
  2. Floral background adds interest as well as fading the background out in to solid colour.
  3. Making objects look like they are stacked on top of each other like paper with a slight dropdown.

Andrew Brown


Info: View larger image | Designed by: nextexile

Interesting Design Features:

  1. Realistic looking dirt with other features such as moss, others i can think of sand with shells.
  2. Leather textures with thread as well as dirt edges where grime collects.
  3. Metal, giving metal a shine makes it look more realistic and enchanting to look at.

Arnette


Info: View larger image | Designed by: cutwater55

Interesting Design Features:

  1. Water marks on paper, and textures on textures, hear a blotched tea bag effect.
  2. Grime on the under and on the edges of images makes them look more 3D and gives depth.
  3. Hand drawn elements add a whole new perspective to a design that is mixed with photographs.

Buzzul


Info: View larger image | Designed by: hyar

Interesting Design Features:

  1. Notice board effect with cork background and torn paper edges.
  2. Cutting out images and placing at random like news paper clippings can add more interest to certain designs, cloud also be used for a fashion site.

Cerro Azul

Info: View larger image | Designed by: timedeiros

Interesting Design Features:

  1. Clear dirt textures and add extra detail to suit the theme in this case tyre marks for the quad bike.
  2. Old metal plaque nailed to wood frame, slightly at an angle, gives the impression its all been held together.
  3. Tattered paper with the logo dropping down from the top of the screen.

Design Studio

Info: View larger image | Designed by: ahmedzahran

Interesting Design Features:

  1. Showing bare brick can help attract more interest.
  2. cello tape making the design look placed on the wall.
  3. Add more colour to the design wit certain logical stains.

Euro Com

Info: View larger image | Designed by: ecp-pro

Interesting Design Features:

  1. Crosshatched and a deep shade around a container can give the appearance of a texture and depth.
  2. Grainy backgrounds give really good interest instead of plain black.

Factory Four


Info: View larger image | Designed by: z1ppy

Interesting Design Features:

  1. Subtle patterned background.
  2. dashed lines, cut here as if it was paper or cardboard with grunge edges.
  3. torn corners and edges to add extra interest to images.

Fear Tox


Info: View larger image | Designed by: feartox

Interesting Design Features:

  1. small details can play a big part, and make a design alot more interestign to explore.
  2. Creating a unique yet easy to use navigation system to fit the design.
  3. Add depth, colour and flow with vector elements.

Junk Design

Info: View larger image | Designed by: amandhingra

Interesting Design Features:

  1. Photographs that compliment the style of the design making it more life like.
  2. Doodles and little pieces of work that is not necessarily the main focus. Get your scanner and your pencil and make your own.
  3. Again an interesting navigation yet simple for the user to follow, tear up some paper or use some ones brush.

The Colour Swatches

All Colour swatches were made with Adobe Kuler and you can download all the colour swatches in this post here [7kb]

Don’t know how to load the swatches in to Photoshop or illustrator learn on veerles blog

How do you analyse designs

I would be interested to know how other people analyse designs to get inspiration and what they look for Inperticular in a design, please leave a comment.

website design