Gumbi 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 povezanost s izgledom vaše web stranice ili bloga. I još jedan čimbenik koji treba uzeti u obzir jest da, ako vaša stranica ima 5 gumba, da svih 5 u osnovi održavaju isti izgled: iste boje, istog fonta, iste veličine. U ovom postu donosimo vam 12 besplatnih gumba koje možete preuzeti i koristiti gdje god želite.
12 besplatnih gumba
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 gumba od potrebno na svojoj stranici (riskirate da je preopteretite).
- Ako boja pozadine web stranice je plava, zelena, crvena, smeđa ili crna (intenzivna), promijenite je u svjetliju prije nego što se odlučite za gumb. Posjetitelj će vam zahvaliti.
- Evita gumbi loše kvalitete koji izgledaju pikselirano (s njima vam se to neće dogoditi).
- Ako je vaša stranica na španjolskom, nemojte koristiti gumbe na kojima piše "Preuzmi", "Pročitaj više" itd. I obrnuto.
- Ako umjesto slika možete koristiti gumbe izrađene s CSS3 kodom, utoliko bolje. Poput gumene teksture u CSS3 da smo te naučili maloprije.
Opći
Plava tipka u sva tri stanja (normalno, pritisnuto i aktivno) 
Gumbi za spremanje, otkazivanje i dodavanje
Za vaše društvene mreže
Kvadratni gumbi na društvenim mrežama
Okrugli gumbi na društvenim mrežama
Jednostavni okrugli gumbi: boja 'tangerine tango', boja 'Medeno sisanje', Tirkizna boja y Boja mimoze 
Više informacija - Gumbi s teksturiranom gumbom u CSS3