Dugmad u web dizajnu koriste se kao grafički resurs koji pomaže posjetitelju da se zaustavi, pročita i osjeti iskušenje ili treba kliknuti na njega. Je "poziv na akciju”(Poziv na akciju) u svakom pravilu koje, kao i sve, mora biti raspoređeno s inteligencijom i mjerom.
Vrlo je važno odabrati tipku koja najviše zadržava koherencija s izgledom vaše web stranice ili bloga. I još jedan faktor koji treba uzeti u obzir je da, ako vaša stranica ima 5 gumba, ta 5 zadržavaju isti izgled u svojoj biti: iste boje, isti font, iste veličine. U ovom postu donosimo vam 12 besplatnih gumba koje možete preuzeti i koristiti gdje god želite.
12 besplatnih dugmadi
6 savjeta Brzo za razmatranje prije nego što se odlučite za jedan ili drugi paket:
- Da svi gumbi na vašoj web stranici pripadaju isti paket (ili se podudaraju u boji, obliku i tipografiji).
- Ne koristite više dugmadi od potrebno na svojoj stranici (riskirate da je preopteretite).
- Ako je boja pozadine vaše web stranice je plava, zelena, crvena, smeđa ili crna (intenzivna), promijenite je u svjetliju prije nego što se odlučite za gumb. Vaš posjetitelj će vam zahvaliti.
- Evita gumbi lošeg kvaliteta koji izgledaju pikselirano (s njima vam se to neće dogoditi).
- Ako je vaša stranica na španskom, nemojte koristiti tipke na kojima piše „Preuzmi“, „Pročitaj više“ itd. I obrnuto.
- Ako umjesto slika možete koristiti tipke izrađene sa CSS3 kodom, utoliko bolje. Kao gumene teksturne tipke u CSS3 da smo vas naučili maloprije.
General
Teksturirana dugmad na semaforu
Plavo dugme u sva tri stanja (normalno, pritisnuto i aktivno) 
Dugmad za spremanje, otkazivanje i dodavanje
Za vaše društvene mreže
Četvrtasti gumbi na društvenim mrežama
Okrugla dugmad na društvenim mrežama
Jednostavna okrugla dugmad: boja 'tangerine tango', boja 'Medeno sisanje', Tirkizna boja y Boja mimoze 
Više informacija - Gumbi sa teksturnom gumom u CSS3