22 Website Designs Inspired by Apple.com

It’s well known that Apple is one of the most creative and innovative companies in the world, so it’s no wonder that many software companies and web designers would choose to follow Apple’s style of branding.

The Apple website is one of the best websites out there due to its ease of use, functionality and the beautiful environment that it creates.

I looked at websites that use one or more design elements inspired by Apple.com. Some of these sites sell Mac software and apps, so it makes sense for them to keep the same Apple look and feel. Consider this though: How many software companies that develop for Windows, choose to brand their websites to look like Vista? I have included a few screenshots of the Apple website, just in case you haven’t never seen it before.

 

Apple.com




 

1. Icon Designer

 

2. iSlayer

 

3. Versions

 

4. Checkout

 

5. Small Transport

 

6. MacRabbit

 

7. 280 Slides

 

8. Disco

 

9. Warehouse

 

10. Cha-Ching

 

11. RapidWeaver

 

12. DeskLickr

 

13. Tangerine!

 

14. 1Password

 

15. Jumsoft

 

16. Roxio Toast

 

17. CandyBar

 

18. Cultured Code

 

19. Anxiety

 

20. Tao Effect

 

21. TaskMate

 

22. The Invoice Machine


Chad Mueller owns and runs the design inspiration blog; Inspiredology. He is also a freelance designer who enjoys working on websites, blogs, logos and anything to get his creative juices flowing.

Do you know of any other good examples? Please share with us…

  • http://www.smashandpeas.com/ Lee Milthorpe

    You can clearly see why Apple’s design is used as inspiration so much. It’s just so crisp, clean and usable!

    As far as websites go, it’s definitely one of the best I’ve seen at selling it’s products and the sites you have showcased here, while they do look “nice” will never be as impressive as the original Apple design!

  • http://www.thisinspires.me Brandon Cox

    I only wish that my HP PC was inspired by Apple! Cool list, makes me envious.

    • http://www.webdesignerdepot.com Walter

      It’s never too late :)

  • michael evans

    I’m not seeing the connection for the first three layouts…?

    • MCV

      try taking off your sunglasses

      • Spunk

        Knob.

  • http://www.twitter.com/chadengle Chad Engle

    I think you could call that “sexy web-designs inspired by apple” those are all amazing and engaging. Rich web design for the win! :)

  • http://benjacob.in Ben Jacob

    Pixelmator [http://pixelmator.com]
    GOG.com [http://gog.com]
    Has direct relations with apple.com most of the sites you listed has only minute relation like, may be a button, an icon or something similar

    • http://dpencilpusher.wordpress.com dpencilpusher

      sorry to digress, but your avatar; I’ve seen this style come up very often online these days, who started it? where can I get it? where can I see more?

  • http://www.inspiredology.com Chad

    There is no direct connection with the first 3 examples. The examples are there to show the current Apple site. The connection is from anything Apple, software applications, some of the sites use the iTunes carousel. Very subtle gradients, great use of white space. Heavy use of beautiful icons.

  • http://www.webdesignerdepot.com Walter

    #1: has huge Apple like icon on homepage
    #2: iSlayer has search box and menu like Apple.com at the bottom of site (scroll down)
    #3: Icons and text layout (scroll down)

  • http://www.loriskumo.com Kumo

    Nice,
    I have to confess that I actualy follow very often Apple design (web or OS interface) on websites and even sometimes print. Its clear, user-friendly and simply beautiful !

  • James

    I hesitate to use “inspired by” on this one, but http://www.gibson.com is an example of a fairly blatant rip off.

    • http://www.webdesignerdepot.com Walter

      Interesting one – but the footer section is bigger than the entire site?! :)

    • ray

      Haha, That is awesome! i wonder how much Gibson paid for that site.

  • http://dvint1.tumblr.com Scott

    Funny how all these inspired sites are mostly for apps that run on apple products :)

  • http://www.jamesdeangelis.com James De Angelis

    I’d had to agree with what others have said, the first 3 are a pretty weak comparison…

    I find Checkout slightly dubious with how close it is, but on the same token it’s an original layout and very well designed so you can’t take that away from them!

  • http://codingtricks.blogspot.com khurram

    Well all of them look good ones. Bus yes inspired by apple site.

  • Trisnadi

    to me, RapidWeaver site looks closer to Vista scheme than Apple’s (particularly the top nav)

  • http://www.jonbergan.com/ Jon Bergan

    Although some of the examples aren’t the best, I still think its a good roundup and a fabulous source for inspiration if you’re interested in designing a site with similar design elements. Some of these have already made it into my personal inspiration library!

    Thanks :)

  • http://benpedroza@ueuo.com Ben Pedroza

    All great sites. Apples typography style is a good example to follow on any web site

  • http://www.chris-wallace.com Chris Wallace

    Yeah, I thought it was funny how many are actually products related to Apple. I guess that makes it ok to be unoriginal.

    http://www.iqase.com

  • Jason

    I don’t necessarily agree that all of them are apple inspired beyond the basic idea of clean and crisp layouts… but I can see how most of them are.

    Heres an almost bit for bit copy site:

    http://www.imemories.com

    • http://masterson.com rixh

      fabulous

  • http://blog.insicdesigns.com/ insic

    quite a list. original is the best

  • Pingback: 笨猫 » [多图]22个苹果风格的 Web 设计()

  • Luis

    Some people get so inspired that they plagiarize what they see in a very bad way.
    I love apple website. I hate designers emulating those effects. Why not start using our brains as the apple graphic designers did?

    • floor

      sure. show us what you got?

  • http://www.stumbledigg.com TJ @ StumbleDigg

    Cool list. Liked it a lot. Keep more and more list like this coming.

    Regards
    TJ

  • http://wearesolid.com Andrew Rossborough

    @ Scott

    I was going to say the exact same thing

    @ James

    That is as blatent as I’ve seen in a long time!

    Decent collection of “nice looking” sites, but as many are for apple apps as Scott said, they’re meant to blend in with the corporate image. An inspired site would take inspiration from the design elements but be for something completely unrelated.

  • http://www.steaf.com Steaf

    Would you all have a look on my MacWeblog, which is an Arabic blog about Mac.

    http://macweblog.com

    Mustafa

  • Pingback: 22个苹果风格网站设计 | 前端观察()

  • http://www.shellsuitzombie.co.uk Jonny

    1. sans-serif font
    2. rounded corners
    3. shines/reflections on literally EVERYTHING

    thats all it is. take a basic css site, add a rounded corner background image and photoshop the buttons and there you have it. I doubt most of these sites took their influence directly from apple, it’s just this ‘web 2.0′ craze. And yeah it looks useable and polished but it’s also incredibly lazy.

    DESIGN SOMETHING NEW.

    • Shack

      Greetz Jonny,

      Appreciate your assistance in referring me to some resources on the net to design a site similar to Apple, i mean training material, tools, forums etc.,

      how to do rounded corners
      how to apply shines/reflections on every element

      • http://ifxdesigns.com IFX

        Well, everything is apple these days. With the iphone popularity it’s no wonder it’s what’s in with the scene kids. :)

  • http://web.madeofwin.de Ben

    Nice collection, +fav :) Thanks.

  • http://jgn.me/ Jerome

    Hmm, I’m not sure they are inspired by “Apple.com”, they are mostly inspired by the interface guidelines from Apple, but mostly these websites all have their unique and extremely nice looking style.

    When developing an application for Mac OS X, you need to follow certain conventions for icons and other UI related stuff so it integrates better with the system. Now it’s hard to create a website for a product with a completely different style than what’s generally accepted in regards to “Apple style.” I’m not saying they all look the same, they are incredibly imaginative in how they create their design within those boundaries!

  • http://www.logodesignguru.com logo design guru

    As usual, always a nice group of websites. thanks for posting.

  • burgin99

    “And yeah it looks useable and polished but it’s also incredibly lazy.”

    Yeah! Let’s all make our sites incredible hard for users to interact with so it’ll be *edgy and original*!

  • http://thewebgoods.com Ben G

    Apple rocks! Thanks for the cool post.

  • http://ifohdesigns.com matt

    great post. i guess there could be worse trends to follow, i mean Apple does seem to get it right when it comes to their OS, UI, UX, etc,.

    Some sites don’t go for the entire Apple.com theme, but instead use some similar elements, like input, and button styling.

  • Pingback: links for 2009-02-18 « POPMODERNE()

  • http://budurl.com/vvbp Rahul

    Nice list of websites inspired by apple.com

    i guess we could also be inspired by these as well ;)

  • http://www.onedesignworld.com/ Ronnie

    Apple has always lead the way. I see the infuence in the designs, but they still have som origininility to them also. I use some of these applications and I love em. The apps are as good as their designs.

  • Pingback: [多图]22个苹果风格的 Web 设计 | 紧跟IT潮流()

  • Andreyco

    Apple’s design is awesome and many people/companies copy its style.

    Here is one blog inspired by apple design.
    http://macblog.sk/

  • http://www.redsan.com Redsan

    Nice collection!!

  • http://igameflash.com iGameFlash

    Apple very Good IDEA! Thanks for the cool post.

  • Pingback: links for 2009-02-19 « Mandarine()

  • Pingback: First Guest Post and Contributions | Inspiredology()

  • Pingback: BlogBuzz February 21, 2009()

  • http://www.studio7designs.com Aran

    Nice! Some really great designs here, taking and extending the apple concept to some great ideas :)

  • http://www.przyroda.org.pl Sklep Wędkarski

    Yup, some of them are even better than apple.

  • Pingback: 22 个苹果风格的 Web 设计 - 菠菜博()

  • http://tech.cipper.com Cipper Tech

    nice list, how could you have time to make it :)

    thanks.

  • Pingback: 精选22个Apple风格的网页设计()

  • Pingback: CSS 22 个苹果风格的 Web 设计()

  • sammy

    this design looks a bit like apple style : http://www.sub-deluxe.de

    Anyway its a nice shop. You collection is nice too.

    best from germany

  • http://www.inspiredology.com Chad

    Thanks for all the great feedback, Apple is a huge brand that is respected around the world, it only made sense to try to pay a tribute to that brand, by showcasing many of the websites that love and believe in that brand.

  • krebaltzer’s journal

    I had lots of fun looking over your designs. Thanks for entertaining my grey matter.

  • Pingback: Best of 24/02/2009 | Flawless Mind()

  • http://www.icaspian.net Casper

    Curio website is one.

  • http://www.appcherry.com/ Dario Gutierrez

    I like the apple design, is an universal style I think so. Thanks for sharing this list of website. Best regards!

  • http://www.sharonzahra.com Sharon Zahra

    I love the Apple design, it focuses on whitespace and usability. A site which uses the same concepts of whitespace etc like Apple and which I like is http://www.mediatemple.net/

  • http://www.myanmardigitalartists.ning.com zaw hlaing oo

    I like it…. please sending this tutorial ..brother .
    i wanna make like this (sorry for my English )

  • http://www.velvetant.net/blog Antonea Nabors

    Big font, big buttons, big graphics! I love it. Great finds :)

  • http://www.onedaywithoutgoogle.org ODWGOOG

    All are selling Mac’s software, so branding is justified ;)

  • http://www.dailyblogged.com Richard Ward

    While I see a lot of similarities in the Mac and iPhone/iPod software developer websites, for a reason, there are a lot of sites that made this list which have absolutely no resemblence aside from also being fluid, clean and professional — such as:

    Warehouse
    DeskLickr
    Tangerine!
    1Password
    Roxio Toast
    (And others….)

    Unfortunately the fact that most of the graphics and screen shots on these sites are Apple/Mac related doesn’t help the fact that Apple.com inspired them. Just like Windows developers taking after the “Vista look” — you won’t see many Apple developers mimicking Microsoft.

    I think a lot of these layouts were added to this list just to generate comments and debate. Boo.

  • asma

    Its nice to see people inspired and able to apply it to their product… Its not so easy as it seems .. :)

    • Shack

      Why not start a group project to create a fresh mockup with totally new effects and dazzling design.

  • http://www.ilovejardin.com James Dalton

    I am not truly an apple fan as too people swear they are god-like, however their designs are truly top notch. I love the apple site because it sells their products so well. Just looking at the site makes me want to get a touch….not. It’s still very good, kudos to the designers

  • Kelly

    Might want to check out http://www.gibson.com. I think they actually left Apple references in the source code.

  • vincent

    Does anyone know who designed/developed apple.com?

    By the way, not only it is greatly designed, the front end is also well thought out and executed.

  • http://www.michalmoodie.com.au Michael Moodie

    Great Article ! I have so far converted my entire family into mac lovers – and these are just some of the reasons why.

    Thanks for the article.. will be sure to go check out anything I have not yet seen already.

  • http://www.terkoz.com terkoz

    I am not truly an apple fan as too people swear they are god-like, however their designs are truly top notch. I love the apple site because it sells their products so well. Just looking at the site makes me want to get a touch….not. It’s still very good, kudos to the designers

  • http://www.LogoBang.com Web designer

    For my money I like #8 280 Slides, I think its very clean and eye catching.

  • Jonathan

    Stating that Apple’s website inspired all of those websites would only make sense if you spoke with the designer(s) and they stated as much. Some of the sites on this list are just well-designed, and are not reminiscint of Apple.com in the least. Apple is not beginning and end of good, simple design — they simply have / have had great designers work for them.

  • http://www.suite171.com Suite 171

    Well-designed sites, looking forward to see more… maybe a new trend?

  • http://www.finalvisual.net FinalVisual

    Nice collections!

  • http://www.coveractionpro.com Mark

    There’s a big difference between a company copy and design trends. These are mostly design trends. Most of us have seen the Apple site more then most sites on the web. So we are more conditioned to Apple’s site. Since most people are used to Apple, this creates an advantage for marketing. Creating a similar look and feel creates a since of safely and similarity in the visitors eye. Customers will be more likely to buy from you because you look mainstream, trusted and a feeling of “I’ve been here before”. Specially if it’s a product for Apple. Then make it look like Apple. What are Apple users used to seeing? Quality, friendliness, shinny objects, screenshots…whatever. You’ll need to meet that criteria. The work has already been done for you.

  • http://www.facefinance.com/how-to-choose-forex-signal-providers forex signal providers

    I love the Apple style website.Do you have wordpress theme?

  • http://www.sorinistudor.ro Sorin Istudor

    Sweet colection

  • http://bitsia.com Pece

    Nice collection. It’s not a sin to be inspired by the Apple site :)

    Thanks for the post!

  • http://www.moinid.com Most Interesting Ideas

    Not each form these designs are inspired from Apple’s

  • Thijs van Exel

    it strikes me that at least 3 out of 22 are designs made by an agency called Sofa (www.madebysofa.com) and are, like you mentioned in the intro, product websites for Apple savvy products. Apart from some design details, I really don’t see many similarities between those and Apple.com.

    • Thijs van Exel

      oh, and I do not work with them ;-)
      the Sofa websites above are: Disco, Checkout and Versions.

  • Tommy

    I found one more:
    http://www.nprinting.com

  • MacFan

    nprinting.com is truly a mac website rip off!

  • http://www.aydesign.net web tasarım

    I am not truly an apple fan as too people swear they are god-like,

  • http://paralacefalea.blogspot.com eρHedro

    What about Ubuntu‘s website?

  • http://mrare.ca Leigh
  • Emir

    Add http://www.bhtelecom.ba/ – complete apple.com ripoff!

  • http://www.customecover.com eCover Actions

    These are great designs :)

  • http://www.atlantacenterforcosmeticdentistry.com Danno

    Love these styles and I think they will stand the test of time. Iconic.

  • sc

    half of these are not really inspired by apple.com at all, some are blatent rip offs, pointless article

  • http://www.webbydesignguru.com Webby Design Guru

    This article is really great. Well-designed collection of websites.

  • http://www.twitter.com/snarphblat SnarphBlat

    Great list, even though some don’t really match, I can see why you added them. So, It works! I have aslways loved the ‘Versions’ website even prior to this post. It’s beautiful. Thanks!

  • http://www.advocatekhoj.com Vijay

    Nice Collection. Truly Apple is a trendsetter!

  • http://www.logodesigngear.com Logo Design Gear

    Very interesting collection :)

  • http://www.applehistory.zzl.org/ Logan

    This website has an almost exact design with the same font.

    http://rgre1.com/

    • http://rgre1.com Rgre1

      Thats not your website… Thats mine!

  • http://www.jamiereddish.com Jamie

    I love these clean designs! I wonder though… how long the “less is more” trend is going to last?

  • http://www.gmstop.com/ Jocuri online

    This article is very great man, i love the Apple style.

  • http://deseneonline.org/ Desene online

    Thank you very much Great post…thanks for share this

  • http://www.webfire.co.uk Webfire

    Right, this is getting bookmarked… shiny apple designs, excellent eye candy!!

  • http://chrisjamero.carbonmade.com Chris J.

    Speaking of the Apple website, I happened to drop by and download the Quicktime player on Apples website, how come IE is on their preview? *Sigh*

  • http://nutsh.com Adrien

    macheist.com is also a excellent “apple-like” design example.

  • josh

    Art for gains sake is inherently derivative. The point of our art is to entice people to buy, commit, convert or become a fan of the idea, product of content. We communicate in the most efficient, effective way we can. Creating a design that takes advantage of the trust consumers have in existing brands or otherwise isn’t plagiarism as some more idealistic designers seem to think, rather it is smart and highly effective.

    That doesn’t mean we should copy others, but we’re not each an entity unto ourselves. We’re building on the work of our predecessors.

    After all, no one here invented the circle or any of the other shapes we use every day. Evolve art, and be merry :)

    (and lets face it… who among us hasn’t had a client ask for ‘apple style’)

  • http://blog.daix.com JMD Chef de projet Web

    My own top 5 Website Designs Inspired by Apple :
    http://blog.daix.com/2010/11/07/top-5-apple-style-web-site-design-copycats/

    Some are new !

  • http://www.rzmota.com rzmota

    Check also http://www.macbooki.org – apple care center – service and repair

  • http://Load-a-code.com martin

    what about LOAD-A-CODE.COM ? It has something from the Apple design

  • http://www.textmessageshop.com Ramzz

    i love apple style . i was looking for something unique and i found this . its real help me thanks

  • Jeslin

    What all these designs have in common is their affinity towards touch based interaction. The rest is all inspiration or whatever you call it

  • Kingsberg

    can anyone get me apple itunes-like template for my website ???

  • http://www.revoinsight.com Revo Insight

    Its not just websites take a look around you. Just about every electronic product is in someway inspired by Apple.