OAuth i prijava putem Sportyja
Gumb Prijava putem Sportyja
Službeni gumb, u tri stila, i kako ga koristiti.
Ljudi vjeruju gumbu za prijavu koji prepoznaju. Koristite jedan od ovih umjesto da crtate svoj.
Gumbi su na engleskom (Sign in with Sporty), jer ga tako prepoznaju korisnici u svim zemljama.
Preuzimanje
| Stil | Cijeli gumb | Samo ikona |
|---|---|---|
| Svijetli, za svijetlu pozadinu | light.svg | icon-light.svg |
| Tamni, za tamnu pozadinu | dark.svg | icon-dark.svg |
| Plavi, kad je to glavni način prijave | blue.svg | icon-blue.svg |
Sam Sporty znak je mark.svg, za izradu gumba u vlastitoj biblioteci komponenti.
Korištenje u HTML-u
Povežite sliku s rutom za prijavu u vašoj aplikaciji, onom koja pokreće tok authorization code:
<a href="/auth/sporty" aria-label="Sign in with Sporty">
<img src="https://docs.sporty.plus/brand/sign-in-with-sporty/light.svg"
width="240" height="44" alt="Sign in with Sporty">
</a>
Ako vam je draže, SVG možete držati na vlastitom poslužitelju. Datoteke se neće mijenjati.
Ako radite vlastiti gumb, zadržite iste dijelove: znak lijevo, riječi Sign in with Sporty
(ili na hrvatskom Prijava putem Sportyja), bijelu #FFFFFF, tamnu #131314 ili Sporty plavu
#02AAF5 pozadinu, i kutove zaobljene otprilike kao ostali vaši gumbi.
Pravila
- Pišite Sign in with Sporty ili Continue with Sporty, odnosno Prijava putem Sportyja. Na gumbu pune širine ne skraćujte to na „Sporty”.
- Ne mijenjajte boju znaka, ne razvlačite ga i ne crtajte ga iznova.
- Dajte mu istu veličinu i težinu kao ostalim gumbima za prijavu pokraj njega. Neka ne bude niži od 40 piksela.
- Ostavite prostora oko njega, otprilike pola njegove visine.
- Gumb pokreće prijavu i ništa drugo. Ne koristite ga kao poveznicu na Sporty.