Stil kılavuzları sitedeki öğeler hakkında özet geçen bir rehber olmaktadır. Stil kılavuzları hakkında web siteleri hakkında gerekli bilgiye ulaşılabilir. Stil kılavuzları ile sitedeki öğelerin renkleri ,şekilleri ve tipleri hakkında bilgiler verilmektedir. Bu sayede site hakkında genel bir bakış yapılması mümkün olmaktadır. Stil kılavuzlarının sitede ki öğeler hakkında tam bilgi vermesi çok önemlidir. Stil kılavuzları sitedeki düzenin aynası olmaktadır. Onun içinde oluşturulan kılavuz özenli ve dikkatli bir süreç içerisinde oluşturulmalıdır.
Renklendirme ve Tipografi
Sitede kullanılan renkler ve diğer fontlar vb. gibi öğeler ayrıntılı bir şekilde kılavuza yansıtılmalıdır. Yazı tipi , rengi ,satır yükseklikleri vb . gibi öğeler aynen kılavuza yansımalıdır. Bu sayede daha objektif bir kılavuz hazırlanacaktır.
Web Sitesi Stil Rehberleri Örnekleri
Muhtemelen bir web sitesi için en iyi bilinen stil kuralları Twitters ‘Bootstrap içinde bulunabilir. Özellikle twitter.com için bir stil kılavuzu olmasına rağmen, onun bileşenleri bir dizi twitter.com bulunabilir ve Twitter’ın iç uygulamalar için çok kullanılır.

Github bir stil rehberi kullanmak için gereken bir web sitesinin iyi bir örnektir. Github tasarımcıları ve ürün üzerinde çalışan geliştiriciler bir ekip var ve ne olursa olsun site için yeni özellikler ve bölümler üzerinde çalışıyor kimin tutarlılığı korumak için elzemdir .Eğer MailChimp tarzı kılavuzun bu resmin bakarsanız MailChimp web sitesi etrafında çeşitli bileşenleri görürsünüz. Eğer fark etmişsinizdir Bir şey kendi sitesine boyunca kullandığı diyalog MailChimp kullanıcı dostu insan yaklaşımdır. Mailchimp ses tonu bu uyması gereken bir dizi kural oluşturduk çünkü bu tutarlıdır.
Stil kılavuzları tutarlı olmaları gerekmektedir. Sitenin özellikleri aynen kılavuza uygulanmalıdır. Kılavuzlar en iyi şekilde yeterli görsellikte olmalıdır. En iyi bilgileri en verimli bilgileri açık ve net bir şekilde kılavuza yansıtmak gerekmektedir.
Kullanılabilecek Araçlar
Stil kılavuzları şık bir görsele sahip olmaları için bazı düzenleme programları bulunmaktadır. Adobe Photoshop , Adobe Flash ve diğer resim düzenleme programları bunlara örnek gösterilebilir. Adobe photoshop kullanılarak yapılan stil kılavuzları hem yeterli görselliği sağlayacak hem de yeterli performansı sağlayacaktır.
Photoshop ile düzenli ve şık stil kılavuzları rahatça oluşturulabilir. Photoshopun geniş etki alanı ve marifetli araçları sayesinde kaliteli stil kılavuzları oluşturulmaktadır.
Diğer Bilgiler
Bir web sitesinin tasarımı kadar onun ne olduğu , amaçları , işlevleri ve özellikleri de açık ve net bir şekilde aksettirilmelidir. Site adına büyük bir öneme sahip olan bu kriter sitenin bir özeti olacağından büyük bir öneme sahip olmaktadır. Bunların dışında siteyi tasarlayan tasarımcı her aşamayı kendisi yapacağı için site hakkında yeterli bilgiye sahip olacaktır. Fakat kullanıcı siteye ilk kez girdiğinde de  site hakkında tam bilgisi olmayacaktır.