Veebikujunduses olevaid nuppe kasutatakse nimega graafiline ressurss mis aitab külastajal peatuda, seda lugeda ja tunda kiusatust või vajadust sellel klõpsata. On "kõne-to-action”(Kutse tegevusele) igas reeglis, mis nagu kõik peavad olema korraldatud arukuse ja mõõdukusega.
On väga oluline valida kõige paremini hoidva nupu tüüp sidusus oma veebisaidi või ajaveebi ilmumisega. Ja veel üks tegur, mida tuleb arvestada, on see, et kui teie lehel on 5 nuppu, säilitavad need viis oma olemuselt sama välimuse: sama värv, sama font, sama suurus. Selles postituses toome teile 5 tasuta nuppu, mida saate alla laadida ja kasutada, kus iganes soovite.
12 tasuta nuppu
6 näpunäidet Kiiresti arvesse võetav, enne kui otsustate ühe või teise nupupaketi üle:
- Et kõik teie veebisaidi nupud kuuluvad sama pakk (või muidu sobivad need kokku värvi, kuju ja tüpograafiaga).
- Ärge kasutage rohkem nuppe kui vajalik oma lehel (teil on oht seda üle koormata).
- Kui taustavärv teie veebisaidil on sinine, roheline, punane, pruun või must (intensiivne), muutke see enne kergemat, enne kui otsustate nuppu. Teie külastaja tänab teid.
- Evita halva kvaliteediga nupud, mis kuvatakse pikslitena (nendega ei juhtu seda teiega).
- Kui teie leht on hispaania keeles, ärge kasutage nuppe, mis ütlevad „Laadi alla“, „Loe edasi“ jne. Ja vastupidi.
- Kui saate piltide asemel kasutada CSS3 koodiga tehtud nuppe, on seda parem. Nagu kummist tekstuuriga nupud CSS3-s mida me teile mõni aeg tagasi õpetasime.
Üldine
Tekstureeritud valgusfoori nupud
Sinine nupp kõigis kolmes olekus (tavaline, vajutatud ja aktiivne) 
Nuppude salvestamine, tühistamine ja lisamine
Teie suhtlusvõrgustike jaoks
Kandilised sotsiaalmeedia nupud
Lihtsad ümmargused nupud: värv 'mandariinitango', värv "Honey Suckle", Türkiissinine värv y Mimoosa värv 
Rohkem informatsiooni - Kummist tekstuuriga nupud CSS3-s