YIW Minimal: a free & clean template for a simple yet professional website

A few weeks ago we looked at how to design a minimalist layout, both professional and aesthetically pleasing. YIW Minimal – that’s the name of the layout we made with Photoshop – had a great impact on the users of this community that had asked us, on several occasions, to make a full template, designing the internal pages and coding everything in (x)HTML and CSS. So here we are with another free YIW resource: a template that’s simple but at the same time professional and enticing, easy to personalize and completely free.

Live Preview Your Inspiration Minimal

download
Versione: 1.0
Pubblicato: 10 February 2010
Dimensione: 3.61 MB
Download: YourInspirationMinimal

Features of the Your Inspiration Minimal template

Your Inspiration Minimal is a free template, extremely versatile and simple to personalize. The layout is optimized for a portfolio but is easily adaptable to any business or individual who’d like to put their products or services on the web.

A closer look: under the hood of the template

As we’ve already seen in the planning phase, Your Inspiration Minimal was designed with the 960 framework in mind. Consequently, the same framework was used in the development phase: for more information, I suggest you read our article on this topic. The layout’s graphics are purposely basic, to stick to the minimalistic trend (Less is more, some may say), as well as to facilitate the personalization of the template to meet your needs (logos in various colors, images, other graphic elements, etc…).

The typeset is important, too

Specifically because the graphics are reduced to a minimum, we gave some special attention to the typeset: the choice and size of the characters, line spacing, letter spacing, color contrast in the titles: everything working together for a harmonious aesthetic and visual impact. The font used, needless to say, is Georgia, chosen for its elegance and noteworthy graphic efficiency.

The various sections that make up Your Inspiration Minimal

Home Page

In the central section of the home page we’ve put a slider that, thanks to the javascript coda slider, permits the user to visualize some of your work or products as soon as they enter your site. You can add text, images, or slogans. The important thing is that the content attracts the user’s attention immediately and intuitively. Below, just as we designed with photoshop, we created three separate sections: The first has the latest twitter messages, integrated following the explanation in Ivan’s article; in the second you can put a client testimonial or, if you prefer, your choice of other content; in the last section we’ve added contact information: telephone number and a link that allows the user to send you an e-mail.

About

In the central section of the about page we added a cute critter created by stockazoo and a balloon with a short, incisive slogan. In the sections below you can introduce yourself or explain in detail the work you do.

Portfolio

This section is fully dedicated to the display of your projects. To do so we used Fancy-zoom, a Mootools framework plugin that enables image zooming with an animated effect.

Contacts

On this page website visitors looking for information, estimates or more, will find a contact form so they can send a message directly to your e-mail inbox. The contact form is ready to use (you just need to specify a valid e-mail address) and it’s supplied with an error check for the required fields. On this page we added some additional information like phone number, address, and the icons of various social networks, to give users alternative means of contact.

What’s included?

Inside the archive you downloaded we included:

  • The Photoshop source files (.psd) so you can easily modify the graphic elements of the template.
  • The theme folder in (x)HTML & CSS.
  • Pdf support file.
  • Screenshots and a brief description of the theme characteristics.
  • User’s license.

Support

If you have difficulties personalizing the template or you need to clarify something, you can leave a comment on this article or you can visit our support forum. If needed, open a new thread: we’ll respond as soon as possible.

License and credits

The template is licensed under a Creative Commons Attribution 3.0 license; this means that you’re free to reproduce, distribute and modify this work. Creative Commons License Your Inspiration Minimal by Your Inspiration Web is licensed under a Creative Commons Attribution 3.0 Unported License

.

Live Preview Your Inspiration Minimal

download
Versione: 1.0
Pubblicato: 10 February 2010
Dimensione: 3.61 MB
Download: YourInspirationMinimal

Master per Web Designer Freelance
In tutti questi anni abbiamo ricevuto centinaia di richieste di approfondimento sulle numerose tematiche del web design vissuto da freelance. Le abbiamo affrontate volta per volta. Ma ci siamo resi conto che era necessario fare qualcosa di più. Ecco perché è nato One Year Together, un vero e proprio master per web designer freelance che apre finalmente le porte al mondo del lavoro.
Scopri One Year Together »
[pdf]Scarica articolo in PDF[/pdf]
Tags: ,

The Author

Web designer, has been working in the field of graphics and web development for six years and at the moment besides collaborating with a web agency successfully manages her freelance activity under the name of mascara design. Like many freelancers she is used to handling more roles, ranging from paper graphics to the development of html and css codes; nonetheless this passion of hers remains, always and however, web graphics.

Author's web site | Other articles written by

Related Posts

You may be interested in the following articles:

164 comments

  1. Francisco
  2. Omar BELKHODJA
  3. STB
  4. cssProdigy
  5. John moore
  6. Ben
  7. Ben
  8. Ben
  9. Ben
  10. Personal
  11. cuneyt
  12. Lucia
  13. Ugyen
  14. Nick
  15. Iker
  16. Çağlar YILDIZ
  17. tengkuleon
  18. aravind
  19. Rachel Rowan
  20. Troy
  21. beppe
  22. Emilio Hernandez
  23. seo

Trackback e pingback

  1. uberVU - social comments
    Social comments and analytics for this post... This post was mentioned on Twitter by yiw: RT @YIW YIW Minimal: a free …
  2. February’s Fresh Photoshop Web Layout Tutorials
    [...] 35. YIW Minimal: a free & clean template for a simple yet professional website [...]
  3. YIW Minimal CSS Template
    [...] Release Page [...]
  4. 20+ Free Portfolio Templates, Themes And PSDs :: Graficznie
    [...] YIW Minimal (With PSD) (demo) [...]
  5. 20+ Free Portfolio Templates, Themes And PSDs | Site Design Tips
    [...] the latest tweets (not integrated) and a slider that can also show any content besides the images.YIW Minimal (With …
  6. 20+ Free Portfolio Templates, Themes And PSDs - Programming Blog
    [...] YIW Minimal (With PSD) (demo) [...]
  7. 20+ Free Portfolio Templates, Themes And PSDs | Seventy Seven magazine
    [...] YIW Minimal (With PSD) (demo) [...]
  8. 20 plantillas HTML y CSS gratuitas | Craftyman Blog
    [...]   Ver Demo – Descargar [...]
  9. Templates HTML/CSS de buena calidad y gratis…
    [...] Ver Ejemplo | Descargar [...]
  10. 40 High Quality CSS and XHTML Web Layout Templates | Programming Blog
    [...] YIW Minimal [...]
  11. 40款高质量精美网页布局模板
    [...] YIW Minimal [...]
  12. 40 plantillas CSS y XHTML gratis y de alta calidad | CSSBlog ES
    [...] YIW Minimal [...]
  13. Ücretsiz 10+ Kurumsal CSS & XHTML hazır site şablonları | OZD TASARIM
    [...] YIW Minimal [...]
  14. 简洁而专业的CSS模板 – YIW Minimal | 微空间 - Microspaze!
    [...] 《YIW Minimal模板下载》                                                           《YIW Minimal官方介绍》 注意了已经有 2 位路人在此留下脚印 [...]
  15. Подборка бесплатных CSS и XHTML шаблонов
    [...] YIW Minimal [...]
  16. 20 plantillas gratuitas para tu portafolio | VisualGraf Comunicación
    [...] YIW Minimal (PSD) (demo) [...]
  17. WhiteFolio: a free template for a portfolio (but not only) elegant and creative | Your Inspiration Web
    [...] in the course of this first year of blogging  (don’t tell me that you lost YIFolio and YIMinimal!), we thought …
  18. 50 Free CSS/(X)HTML Templates - Noupe Design Blog
    [...] YIW Minimal ( Demo | Download ) [...]
  19. 50 Free CSS/(X)HTML Templates
    [...] Ikonik ( Demo | Download ) Internet Music ( Demo | Download ) Nova Studio …
  20. 50 Free CSS/(X)HTML Templates | Programming Blog
    [...] YIW Minimal ( Demo | Download ) [...]
  21. X P E R T C O D E R » Free CSS & XHTML Templates
    [...] YIW Minimal ( Demo | Download ) [...]
  22. 彼岸(Into the wild) » Blog Archive » Free and Useful CSS/(X)HTML Templates
    [...] YIW Minimal ( Demo | Download ) [...]
  23. 简洁而专业的CSS模板 – YIW Minimal « Tanjuan's Blog
    [...] 《YIW Minimal模板下载》                                                           《YIW Minimal官方介绍》 [...]
  24. 45 Free CSS and XHTML Web Layout Templates (Revisted) | Programming Blog
    [...] YIW Minimal [...]
  25. 45个免费css/xhtml标准网页模板下载 | eBule
    [...] YIW Minimal [...]
  26. 45 бесплатных шаблонов(CSS и XHTML)
    [...] 25. YIW Minimal [...]
  27. 39 kostenlose (x)html und CSS Templates | PM-Webdesign
    [...] Demo / Download [...]
  28. 34 Free & Beautiful xHTML/CSS Templates | Programming Blog
    [...] YIW Minimal [...]
  29. 25 Fresh and Professional CSS and HTML Templates | The best Tutorials
    [...] YIW Minimal [...]
  30. 25 Fresh and Professional CSS and HTML Templates | Programming Blog
    [...] YIW Minimal [...]
  31. 25 Nuovi Template HTML CSS Da Scaricare | Fedeweb
    [...] YIW Minimal [...]
  32. 16 Plantillas CSS sencillas y gratuitas | davidcostales blog
    [...] propios proyectos.DistinctiveVisitar sitioOutliersVisitar sitioMinimalisticaVisitar sitioYIW MinimalVisitar sitioiPhone App TemplateVisitar sitioAureliusVisitar sitioNova StudioVisitar sitioBiz GroupVisitar [...]
  33. Diseño paginas web » 25 Plantillas frescas y profesionales en html y css
    [...] Descarga | YIW Minimal Download Page [...]
  34. Ücretsiz 10+ Kurumsal CSS & XHTML hazır site şablonları | ATOM TASARIM | Web & Grafik Tasarım | Siz Düşünün Biz Tasarlayalım - AtomTasarim.Com
    [...] YIW Minimal [...]
  35. 25个新鲜和专业的CSS和HTML模板 | Jackchen Design 1984
    [...] YIW Minimal [...]
  36. 50 Free CSS/(X)HTML Templates | Woupe Design Blog
    [...] YIW Minimal ( Demo | Download ) [...]
  37. 40个免费高品质CSS网页模版下载 | Jackchen Design 1984
    [...] YIW Minimal [...]
  38. 50 Awesome Free CSS/(X)HTML Templates | Webwibe
    [...] YIW Minimal ( Demo | Download ) [...]
  39. 25 Fresh and Professional CSS and HTML Templates-Speckyboy Design Magazine | Speckyboy Design Magazine
    [...] Download Page →Live Demo →Studio One Studio One Download Page →Live Demo →YIW Minimal YIW Minimal Download Page →Live …
  40. WMRehberi.Net , Sosyal Medya ve Webmaster Forumu
    [...] YIW Minimal [...]
  41. 130+ Worth Investigating Fresh Posts for Designers and Developers - tripwire magazine
    [...] YIW Minimal: a free & clean template for a simple yet professional site [...]
  42. YIW Minimal - Clean and Minimalist xhtml template for Corporate and Portfolio Website
    [...] | Download | Source Filed in: HTML Template, …
  43. 25 de teme XHTML/CSS profesionale gratuite | Marian PC - Numai tutoriale
    [...] 12.YIW Minimal [...]
  44. 20+ Newest and Professional CSS and HTML Templates | DesDevWeb
    [...] YIW Minimal [...]
  45. Get 45 Fresh CSS and XHTML Templates for web design FREE | DesDevWeb
    [...] YIW Minimal [...]
  46. Web Designer Blog» Blog Archive » Fresh and Professional CSS and HTML Templates- All About Graphics and web designing
    [...] YIW Minimal [...]
  47. Blogging Well » Blog Archive » 25 Fresh and Professional CSS and HTML Templates
    [...] YIW Minimal [...]
  48. Бесплатные CSS/(X)HTML шаблоны для сайтов (скачать)
    [...] YIW Minimal ( Demo | Download ) [...]
  49. 12 Professional CSS and HTML Templates | stylishwebdesigner
    [...] YIW Minimal [...]
  50. 50 Ücretsiz (Free) CSS/(X)HTML Templates Download | Teknoloji | rooteto.com - Ertuğrul SAĞLAM
    [...] YIW Minimal ( Demo | Download ) [...]
  51. 25 Free Minimal and Clean Style XHTML CSS Website Templates | designerbooster
    [...] Demo | Download Source [...]
  52. 25 besplatnih minimalnih HTML i CSS templejta | Dizajn sajta izrada sajta i web prezentacija
    [...] Demo | Download Source [...]
  53. [Pic]25个免费清新风格的XHTML&CSS网站模板 « 朝九✓晚五
    [...] Demo | Download Source [...]
  54. 20+ Free Portfolio Templates, Themes And PSDs | The Web logix Blog
    [...] YIW Minimal (With PSD) (demo) [...]
  55. 42个精选的免费CSS和XHTML网页模板
    [...] 15.YIW Minimal [...]
  56. CSS/(X)HTML Templates | codingquery.com
    [...] YIW Minimal ( Demo | Download ) [...]
  57. Новая подборка бесплатных XHTML и CSS шаблонов с примерами | Beloweb.ru
    [...] Пример ι Страница загрузки [...]
  58. 45 Free CSS and XHTML Web Layout Templates (Revisted) - Speckyboy Design Magazine
    [...] Download Page → Preview →iPhone App Template Download Page → Preview →YIW Minimal Download Page → Preview →CleanInterface Download …
  59. 40 High Quality CSS and XHTML Web Layout Templates - Speckyboy Design Magazine
    [...] Download Page → Preview →iPhone App Template Download Page → Preview →YIW Minimal Download Page → Preview →CleanInterface Download …
  60. YIW Minimal CSS/xHTML Free Website Template | CSS Templates | Free Template boxs
    [...] Preview — Download — Source [...]
  61. 50 Free CSS/(X)HTML Templates | Weboroid
    [...] YIW Minimal ( Demo | Download ) [...]
  62. مجموعه 50 قالب رایگان HTML | فانیکس | پرتال طراحی و گرافیک
    [...] YIW Minimal ( Demo | Download ) [...]
  63. 50 Ücretsiz (Free) CSS/(X)HTML Templates | Teknopod – Güncel Teknoloji Hablerleri
    [...] YIW Minimal ( Demo | Download ) [...]
  64. 四五外包 » 25个免费的小清新风格的XHTML/CSS网站模板推荐
    [...] 演示 / 源码 [...]
  65. 35 Free and High Quality HTML5 and CSS3 Web Templates | Vivid Loaded Designs
    [...] 25. YIW Minimal Free HTML5 and CSS3 Web Templates [...]
  66. How to design a simple and professional layout? We’ll do it together in a few simple steps | My Blog
    [...] Update: We have released for free YIW Minimal, a XHTML/CSS template based on this psd layout. Downlo... [...]
  67. CSS Design
    [...] Preview — Download — Source [...]
  68. YIW Minimal | CSS Design
    [...] Preview — Download — Source [...]
  69. Learn Anything @ Funkarachi – 25 Fresh and Professional CSS and HTML Templates
    [...] YIW Minimal [...]
  70. CSS and XHTML Web Site Templates | csharpcodedeveloper
    [...] YIW Minimal [...]
  71. 10 Professional HTML/CSS Website Templates -
    [...] YIW Minimal [...]
  72. 40+ Creative Portfolio Website PSD Templates
    [...] YIW Minimal: a free & clean template for a simple yet professional website – MORE INFO [...]
  73. 40+ Creative Portfolio Website PSD Templates | Web Development, Search Engine Optimization, Social Media Marketing Guru
    [...] YIW Minimal: a free & clean template for a simple yet professional website – MORE INFO [...]
  74. 90 Best Free CSS/HTML Templates for Professional | Barkamedia
    [...] 57. Business Company Template | Demo | Download [...]
  75. 50 Best Free CSS / XHTML template demos and downloads Web Page Design | Web Page Design Templates | Html5 Template
    [...] YIW Minimal ( Demo | Download ) [...]
  76. 最新漂亮的免费网站模板下载(HTML/HMLT5) _ 美术的那点事!
    [...] 进入下载页 [...]
  77. 45+ fresh HTML/CSS Web Template for Free Download - bcstatic.com
    [...] YIW Minimal [...]
  78. Professional free CSS and HTML Templates - How To Use InDesign | How To Use InDesign
    [...] YIW Minimal [...]
  79. Batiburrillo web | 40 plantillas gratuitas
    [...] YIW Minimal [...]
  80. CSS Templates: Freebies, Tutorials and Useful Tools | Web Design Library
    [...] A template for a simple yet professional website [...]
  81. 40 buenas plantillas XHTML gratuitas
    [...] YIW Minimal [...]
  82. Html 5 ile Hazırlanmış 50 Ücretsiz Hazır Şablonlar – (Free) CSS/(X)HTML Templates
    […] YIW Minimal ( Demo | Download ) […]
  83. 50 Free CSS/(X)HTML Templates | CSS Thirteen
    […] YIW Minimal ( Demo | Download ) […]
  84. 20 plantillas HTML y CSS gratuitas | Plantillas CSS | TEDnología
    […] Ver Demo – Descargar […]
  85. 50 Highly Free CSS/XHTML TEMPLATES 2010
    […]           20. YIW Minimal | Demo | Download […]
  86. YIW Minimal CSS/XHTML TEMPLATE
    […] Download YIW Minimal CSS/XHTML TEMPLATEhttp://www.yourinspirationweb.com/en/yiw-minimal-a-free-clean-template-for-a-simple-yet-professional…/ […]

Leave a Reply

Current day month ye@r *