Metro Style Bootstrap: 10 template

Metro, per una nuova estetica del Web

In che direzione va il web design?

Gli stili cambiano rapidamente nel web design, grazie a siti/comunità di creativi come dribbble e behance i designer hanno degli ampi bacini cui attingere.

Attualmente la maggior parte dei designer si sta concentrando sulo stile FLAT.Basta dare un rapido sguardo a Google per capire di cosa stiamo parlando: semplificazione delle interfacce, i gradienti e le ombre che vengono per il momento tralasciate, colori vivaci, tinte piatte, forma e tipografia.

L’utilizzo di un design “FLAT” consente di utilizzare CSS più leggeri e quindi di minimizzare i tempi di caricamento.

Non puó mancare la menzione al Metro Style. Il principio di fondo di questo stile consiste nel fare affidamento più sulle soluzioni tipografiche che su quelle grafiche con lo scopo di ottenere un impatto semplice, pulito ed efficace che metta in risalto i contenuti.

Il framework si basa sul celebre Twitter Bootstrap e fornisce l'HTML, il CSS ed il JavaScript necessari per creare gli elementi grafici tipici dell'interfaccia dell'ultimo sistema operativo di Microsoft. Esso supporta un insieme di template per la definizione del layout delle pagine, degli stili predefiniti per titoli, tabelle, form, pulsanti e liste, oltre ad un elenco di icone ed altri interessanti componenti come barre di applicazione, pannelli di impostazione ed altro ancora.

Sul sito del progetto è possibile vedere una serie di demo interattive del risultato ottenibile con il framework, mentre da GitHub è possibile scaricare il codice distribuito con licenza Apache 2.0.

Questa raccolta di 10 template Metro Style è per tutti i fans di Bootstrap:

1. BootMetro

Un framework semplice e flessibile, BootMetro si basa su Twitter Bootstrap e si ispira alla Metro UI CSS di Sergey Pimenov.

Source   Demo

2. Bootswatch – Cosmo

Un Metro style gratis ispirato ai temi di Bootstrap.

Source + Demo

3. metro-bootstrap

Semplice Bootstrap con metro Style.

Source Demo

4. Metro UI CSS

Metro UI CSS comprende un set di stili per creare un sito con un'interfaccia simile a quella di Windows 8 Metro UI.

Source + Demo

5. Metro Mania

Metro Mania offre un pacchetto completo, un tema professionale, responsive basato su Bootstrap. L'intero pacchetto di Metro Mania include un set di 60 pagine e 6 colori (lilla, rosso, azzurro, blu, verde ed arancione).

Source Demo

6. Scaffold – Metro Style Template

Scaffold è un template HTML moderno e fresco basato su twitter bootstrap e disegnato secondo il metro style. Ideale per il corporate business website o per le agenzie di web design.

Source Demo

7. MADMIN – Admin Theme

Un leggerissimo template di Bootstrap basato sul design Metro ed ispirato alla prima citata filosofia FLAT.

Source Demo

8. Metro Flexible Navigation

Il Metro Flexible Navigation é un template minimalista e pulito basato sul grid design ed ispirato alla nuova interfaccia di Windows 8. Ha un livello di personalizzazione altissimo è scrollable e dragable allo stesso tempo e disopone di utilissimo controlli per lo sliding. . Il set di incone predefinito puó essere cambiato, é disponibile una vasta collezione.

Source Demo

9. MelonHTML5 – Metro UI

MelonHTML5- Metro UI is a flexible è un semplice framework utile per creare siti one-page ispirati al design di Windows 8 Metro UI. Supporta HTML5, CSS3.

Source Demo

10. Metro Help Desk Support Tickets

Il pacchetto Metro Help Desk integra un manuale d'uso ed una lista di FAQ che permette ai membri dell team di velocizzare i tempi di risposte e pertanto l'efficienza del prodotto.

Source Demo

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.