The login button is a simple way to allow users to log in to your application using their Eduplaces account.
It is recommeded to add the login button to your application's login page to offer users a second entry point in addition to your applications tile in the Eduplaces dashboard.
Clicking the login button should initiate an Authorization Code with PKCE .
The easiest way to implement the login button is to redirect the user to the
Launch URL of your application.
The Launch URL is the URL we redirect the user to when they click the tile of your application in the Eduplaces dashboard.
As it starts the authorization code flow, the user will be redirected to the Eduplaces login page if they are not already logged in.
We have created five different login buttons for you to choose from. You can use the button that best fits your application's design. Please mind the small differences in the button's appearance on dark and light backgrounds.
To make things as easy as possible for you, we have an example with styled buttons in all variations. Open the sandbox to access the CSS and HTML code.
Loading Sandbox...
You can use one of our login buttons to allow users to log in to your application using their Eduplaces account. You can vary the size of the button to fit your application's design. You can vary the border radius of the button to fit your application's design. You can vary the border width of the button to fit your application's design. You can change our moon color #FAFAFA
to white #ffffff
if you need to. You can not change any other color. Use one of the mono-color buttons for a neutral appearance. You can use the Eduplaces logo and brand name on the login button if it allows the user to log in to your application using their Eduplaces account. You can not use the Eduplaces logo and brand name elsewhere in your application without our permission. Space Dust : #404261
Infra Purple : #4A00B8
Redshift : #7D285A
Moon : #FAFAFA
Font Family : Montserrat
Font Weight : 700
Font Size : 12px
Montserrat licensed under the Open Font License .
You can download the Montserrat font from Google Fonts .
Heads up: You don't have to load the font on your website.
At the end of the page you will find the SVGs of the Eduplaces logo.
One includes the brand name so you don't have to use the font.
< svg width = "120" height = "65" viewBox = "0 0 115.28 81" xmlns = "http://www.w3.org/2000/svg" >
< g fill = "#4a00b8" >
< path d = "m115.28 33.48c-.51-7.52-10.05-10.35-22.19-11.13-6.38-14.04-20.97-23.36-37.27-22.26-16.24 1.1-29.4 12.21-33.88 26.9-12.62 2.36-22.45 6.47-21.92 14.29.52 7.75 10.69 11.1 23.4 12.32 3.79 8.9 10.98 15.97 19.88 19.76-.08.38-.12.78-.12 1.18 0 3.27 2.65 5.93 5.93 5.93 2.68 0 4.94-1.78 5.67-4.21 2.03.19 4.1.22 6.2.07 16.74-1.13 30.21-12.74 34.23-27.83 11.71-2.94 20.58-7.55 20.08-15s0 0 0 0zm-54.83 35.08c-11.69.79-22.29-5.12-28.04-14.45.98.03 1.97.04 2.97.05 8.15.08 16.44-.35 23.35-.82 7.32-.5 16.17-1.23 24.68-2.55.99-.15 1.97-.31 2.94-.48-4.41 10.09-14.15 17.45-25.91 18.24zm43.45-35.24c.16 2.41-2.8 4.29-7.46 5.79-2.22.71-4.84 1.33-7.68 1.88-9.28 1.78-21.05 2.75-29.94 3.35-8.89.6-20.68 1.23-30.12.71-2.89-.16-5.57-.42-7.86-.83-4.81-.85-8.01-2.32-8.17-4.73-.17-2.47 2.97-4.28 7.86-5.63-.14 1.25-.22 2.51-.23 3.79 1.93.69 4.57 1.14 7.61 1.43-.53-16.35 11.99-30.3 28.44-31.41s30.73 11.03 32.4 27.3c2.98-.69 5.53-1.49 7.35-2.44-.19-1.27-.44-2.51-.74-3.73 5.03.68 8.38 2.05 8.55 4.52z" />
< path d = "m66.33 33.18c-.03-.13-.05-.27-.09-.4-.01-.04-.03-.08-.04-.11-.04-.13-.08-.26-.13-.39-.01-.03-.03-.05-.04-.08-.06-.14-.12-.27-.19-.4 0-.02-.02-.03-.03-.05-.08-.14-.16-.27-.24-.41 0 0-.01-.01-.02-.02-.09-.14-.19-.27-.3-.4-.22-.27-.47-.51-.74-.73-.25-.2-.52-.38-.8-.54-.14-.07-.28-.15-.43-.21-.01 0-.03-.01-.04-.02-.14-.06-.27-.11-.41-.16-.03-.01-.06-.02-.1-.03-.13-.04-.25-.08-.38-.11-.05-.01-.11-.02-.16-.03-.11-.02-.22-.04-.33-.06-.09-.01-.18-.02-.27-.02-.08 0-.16-.02-.25-.02-.18 0-.35 0-.53 0-.18.01-.36.03-.53.06-.08.01-.17.03-.25.05-.09.02-.17.03-.26.05-.11.03-.22.06-.32.1-.05.02-.11.03-.16.05-.13.04-.25.1-.37.15-.03.01-.06.02-.09.04-.13.06-.27.13-.39.21-.01 0-.03.01-.04.02-.14.08-.27.17-.4.26-.26.19-.51.4-.73.63-.24.25-.46.52-.65.82-.09.14-.17.28-.25.43 0 0 0 .02-.01.03-.07.14-.13.28-.19.43 0 .02-.02.04-.02.06-.05.14-.1.28-.14.42 0 .03-.02.06-.03.09-.03.13-.06.27-.09.4 0 .04-.02.08-.02.12-.02.13-.03.27-.04.4 0 .04-.01.09-.01.13v.54c.17 2.86 2.69 5.03 5.62 4.86s5.17-2.63 5-5.49c-.01-.18-.03-.36-.06-.54 0-.04-.02-.08-.03-.13z" />
< path d = "m80.25 32.42c-.03-.13-.05-.27-.09-.4-.01-.04-.02-.07-.04-.11-.04-.13-.08-.26-.13-.39 0-.02-.02-.05-.03-.07-.06-.14-.12-.27-.19-.41 0-.01-.02-.03-.02-.04-.08-.14-.16-.28-.24-.41 0 0 0 0 0-.01-.29-.43-.63-.81-1.03-1.14s0 0 0 0c-.38-.31-.8-.57-1.25-.77 0 0-.02 0-.03-.01-.14-.06-.29-.12-.44-.17-.02 0-.05-.01-.08-.02-.13-.04-.27-.08-.41-.11-.05-.01-.1-.02-.15-.03-.11-.02-.23-.05-.35-.06-.09-.01-.18-.02-.26-.02-.09 0-.17-.02-.26-.02-.18 0-.35 0-.54 0-.18.01-.35.03-.52.06-.08.01-.15.03-.23.05-.09.02-.18.03-.27.06-.1.03-.2.06-.3.09-.06.02-.12.04-.18.06-.11.04-.22.09-.33.13-.04.02-.08.03-.12.05-.12.06-.24.12-.36.18-.02.01-.04.02-.06.03-.13.07-.25.15-.37.23 0 0-.02.01-.03.02-.13.09-.25.18-.36.28-.12.1-.24.21-.35.32-.13.13-.24.26-.35.39-.11.13-.21.27-.3.41 0 0 0 .01-.01.02-.09.14-.17.28-.25.42 0 .02-.02.03-.03.05-.07.14-.13.27-.19.42-.01.03-.02.05-.03.08-.05.13-.09.27-.13.4-.01.04-.02.07-.03.11-.03.13-.06.26-.09.39 0 .05-.02.09-.03.14-.02.13-.03.26-.04.4 0 .05-.01.09-.01.14v.55c.17 2.86 2.69 5.03 5.62 4.86s5.17-2.63 5-5.49c-.01-.18-.03-.36-.06-.54 0-.04-.02-.08-.03-.12z" />
</ g >
</ svg >
Copy to clipboard < svg width = "195" height = "21" viewBox = "0 0 195 21" xmlns = "http://www.w3.org/2000/svg" >
< g fill = "#4a00b8" >
< path d = "m28.6525 8.82082c-.1267-1.86907-2.4979-2.57246-5.5152-2.76632-1.5857-3.48959-5.212-5.806041-9.2633-5.532641-4.03643.273401-7.30729 3.034751-8.42078 6.685891-3.13665.58657-5.579863 1.60809-5.44813377 3.55175.12924377 1.9262 2.65695377 2.7588 5.81598377 3.0621.94199 2.212 2.72903 3.9692 4.94113 4.9112-.0199.0945-.0299.1939-.0299.2933 0 .8128.6587 1.4739 1.4739 1.4739.6661 0 1.2278-.4424 1.4093-1.0464.5045.0472 1.019.0547 1.541.0174 4.1606-.2808 7.5085-3.1665 8.5077-6.917 2.9105-.7307 5.1151-1.8765 4.9908-3.72821zm-13.6278 8.71898c-2.9055.1964-5.54006-1.2725-6.9692-3.5915.24357.0075.48963.01.73818.0125 2.02562.0198 4.08612-.087 5.80352-.2039 1.8194-.1242 4.019-.3057 6.1342-.6337.246-.0373.4896-.0771.7307-.1194-1.0961 2.5079-3.517 4.3372-6.4399 4.5335zm10.7994-8.75875c.0397.59899-.696 1.06626-1.8542 1.43905-.5518.1765-1.203.3306-1.9088.4673-2.3065.4424-5.2319.6835-7.4415.8326-2.2096.1492-5.13993.3057-7.48621.1765-.7183-.0398-1.3844-.1044-1.95357-.2063-1.19551-.2113-1.99086-.5766-2.03062-1.1756-.04226-.61393.73818-1.0638 1.95357-1.39934-.0348.31069-.05468.62385-.05717.94199.4797.17155 1.13586.28335 1.89144.35545-.13173-4.06376 2.98007-7.53097 7.06866-7.80686 4.0886-.27589 7.6378 2.74146 8.0529 6.78531.7407-.1715 1.3744-.37033 1.8268-.60645-.0472-.31566-.1094-.62385-.1839-.92708 1.2502.16901 2.0828.50952 2.1251 1.12343z" />
< path d = "m16.4862 8.74624c-.0075-.03231-.0124-.06711-.0224-.09942-.0025-.00994-.0074-.01988-.0099-.02734-.01-.03231-.0199-.06462-.0323-.09693-.0025-.00746-.0075-.01243-.01-.01988-.0149-.0348-.0298-.06711-.0472-.09942 0-.00497-.005-.00746-.0075-.01243-.0198-.0348-.0397-.06711-.0596-.1019 0 0-.0025-.00249-.005-.00497-.0224-.0348-.0472-.06711-.0745-.09942-.0547-.06711-.1169-.12676-.184-.18144-.0621-.04971-.1292-.09445-.1988-.13422-.0348-.01739-.0696-.03728-.1069-.05219-.0025 0-.0074-.00249-.0099-.00497-.0348-.01491-.0671-.02734-.1019-.03977-.0075-.00248-.0149-.00497-.0249-.00746-.0323-.00994-.0621-.01988-.0944-.02733-.0125-.00249-.0274-.00498-.0398-.00746-.0273-.00497-.0547-.00994-.082-.01491-.0224-.00249-.0448-.00497-.0671-.00497-.0199 0-.0398-.00498-.0622-.00498-.0447 0-.087 0-.1317 0-.0447.00249-.0895.00746-.1317.01492-.0199.00248-.0423.00745-.0622.01242-.0223.00498-.0422.00746-.0646.01243-.0273.00746-.0547.01491-.0795.02486-.0124.00497-.0274.00745-.0398.01242-.0323.00994-.0621.02486-.0919.03729-.0075.00248-.015.00497-.0224.00994-.0323.01491-.0671.03231-.0969.05219-.0025 0-.0075.00249-.01.00497-.0348.01989-.0671.04226-.0994.06462-.0646.04723-.1268.09942-.1814.15659-.0597.06214-.1144.12924-.1616.20381-.0224.03479-.0423.06959-.0621.10687 0 0 0 .00497-.0025.00746-.0174.03479-.0323.06959-.0472.10687 0 .00497-.005.00994-.005.01492-.0124.03479-.0249.06959-.0348.10438 0 .00746-.005.01492-.0075.02237-.0074.03231-.0149.06711-.0223.09942 0 .00994-.005.01989-.005.02983-.005.03231-.0075.06711-.01.09942 0 .00994-.0024.02237-.0024.03231v.13421c.0422.71084.6686 1.25015 1.3968 1.20795.7282-.0423 1.285-.65369 1.2427-1.36453-.0025-.04474-.0074-.08948-.0149-.13422 0-.00994-.005-.01988-.0074-.03231z" />
< path d = "m19.946 8.55737c-.0075-.03231-.0125-.06711-.0224-.09942-.0025-.00994-.005-.0174-.0099-.02734-.01-.03231-.0199-.06462-.0324-.09693 0-.00497-.0049-.01243-.0074-.0174-.0149-.0348-.0298-.06711-.0472-.1019 0-.00249-.005-.00746-.005-.00995-.0199-.03479-.0398-.06959-.0597-.1019 0 0 0 0 0-.00249-.072-.10687-.1565-.20132-.256-.28334-.0944-.07705-.1988-.14167-.3106-.19138 0 0-.005 0-.0075-.00248-.0348-.01492-.0721-.02983-.1094-.04226-.0049 0-.0124-.00248-.0198-.00497-.0324-.00994-.0672-.01988-.102-.02734-.0124-.00248-.0248-.00497-.0372-.00745-.0274-.00498-.0572-.01243-.087-.01492-.0224-.00248-.0448-.00497-.0646-.00497-.0224 0-.0423-.00497-.0647-.00497-.0447 0-.087 0-.1342 0-.0447.00249-.087.00746-.1292.01491-.0199.00249-.0373.00746-.0572.01243-.0224.00497-.0447.00746-.0671.01491-.0249.00746-.0497.01492-.0746.02237-.0149.00497-.0298.00994-.0447.01492-.0273.00994-.0547.02236-.082.03231-.01.00497-.0199.00745-.0298.01242-.0299.01492-.0597.02983-.0895.04474-.005.00249-.01.00497-.0149.00746-.0324.0174-.0622.03728-.092.05716 0 0-.005.00249-.0075.00498-.0323.02236-.0621.04473-.0894.06959-.0299.02485-.0597.05219-.087.07953-.0323.03231-.0597.06462-.087.09694-.0274.03231-.0522.0671-.0746.1019 0 0 0 .00249-.0025.00497-.0223.0348-.0422.06959-.0621.10439 0 .00497-.005.00746-.0075.01243-.0174.03479-.0323.0671-.0472.10439-.0025.00745-.005.01242-.0074.01988-.0125.03231-.0224.06711-.0323.09942-.0025.00994-.005.0174-.0075.02734-.0075.03231-.0149.06462-.0224.09693 0 .01243-.0049.02237-.0074.0348-.005.03231-.0075.06462-.01.09942 0 .01242-.0025.02237-.0025.03479v.1367c.0423.71085.6686 1.25021 1.3969 1.20791.7282-.0422 1.285-.65365 1.2427-1.36449-.0025-.04474-.0075-.08948-.0149-.13422 0-.00994-.005-.01988-.0075-.02982z" />
< path d = "m49.124 15h-1.824l-.012-5.04-2.472 4.152h-.876l-2.46-4.044v4.932h-1.824v-8.4h1.608l3.144 5.22 3.096-5.22h1.596zm2.797-7.356c-.696 0-1.164-.456-1.164-1.044s.468-1.044 1.164-1.044 1.164.432 1.164 1.008c0 .624-.468 1.08-1.164 1.08zm-.936 7.356v-6.456h1.872v6.456zm7.2693-1.632.504 1.32c-.384.276-.948.408-1.524.408-1.524 0-2.412-.78-2.412-2.316v-2.652h-.996v-1.44h.996v-1.572h1.872v1.572h1.608v1.44h-1.608v2.628c0 .552.3.852.804.852.276 0 .552-.084.756-.24zm7.0173.072h4.572v1.56h-6.504v-8.4h6.348v1.56h-4.416v1.824h3.9v1.512h-3.9zm10.6439-7.344h1.872v8.904h-1.788v-.744c-.468.564-1.152.84-2.016.84-1.824 0-3.228-1.296-3.228-3.324s1.404-3.324 3.228-3.324c.792 0 1.464.252 1.932.78zm-1.608 7.464c.924 0 1.644-.672 1.644-1.788s-.72-1.788-1.644-1.788c-.936 0-1.656.672-1.656 1.788s.72 1.788 1.656 1.788zm9.8446-5.016h1.872v6.456h-1.776v-.768c-.492.564-1.212.864-2.004.864-1.62 0-2.76-.912-2.76-2.904v-3.648h1.872v3.372c0 1.08.48 1.56 1.308 1.56.864 0 1.488-.552 1.488-1.74zm7.4223-.096c1.812 0 3.216 1.296 3.216 3.324s-1.404 3.324-3.216 3.324c-.804 0-1.464-.252-1.944-.78v3.012h-1.872v-8.784h1.788v.744c.468-.564 1.164-.84 2.028-.84zm-.324 5.112c.936 0 1.644-.672 1.644-1.788s-.708-1.788-1.644-1.788-1.644.672-1.644 1.788.708 1.788 1.644 1.788zm4.7932 1.44v-8.904h1.872v8.904zm6.2134-6.552c1.968 0 3.108.912 3.108 2.868v3.684h-1.752v-.804c-.348.588-1.02.9-1.968.9-1.512 0-2.4121-.84-2.4121-1.956 0-1.14.8041-1.932 2.7721-1.932h1.488c0-.804-.48-1.272-1.488-1.272-.684 0-1.392.228-1.86.6l-.6721-1.308c.7081-.504 1.7521-.78 2.7841-.78zm-.144 5.388c.624 0 1.164-.288 1.38-.876v-.66h-1.284c-.876 0-1.152.324-1.152.756 0 .468.396.78 1.056.78zm8.137 1.26c-2.1 0-3.6-1.38-3.6-3.324s1.5-3.324 3.6-3.324c1.356 0 2.424.588 2.892 1.644l-1.452.78c-.348-.612-.864-.888-1.452-.888-.948 0-1.692.66-1.692 1.788s.744 1.788 1.692 1.788c.588 0 1.104-.264 1.452-.888l1.452.792c-.468 1.032-1.536 1.632-2.892 1.632zm10.211-3.3c0 .144-.024.348-.036.504h-4.884c.18.804.864 1.296 1.848 1.296.684 0 1.176-.204 1.62-.624l.996 1.08c-.6.684-1.5 1.044-2.664 1.044-2.232 0-3.684-1.404-3.684-3.324 0-1.932 1.476-3.324 3.444-3.324 1.896 0 3.36 1.272 3.36 3.348zm-3.348-1.932c-.852 0-1.464.516-1.596 1.344h3.18c-.132-.816-.744-1.344-1.584-1.344zm6.767 5.232c-1.092 0-2.196-.3-2.796-.696l.624-1.344c.576.372 1.452.624 2.244.624.864 0 1.188-.228 1.188-.588 0-1.056-3.9.024-3.9-2.556 0-1.224 1.104-2.088 2.988-2.088.888 0 1.872.204 2.484.564l-.624 1.332c-.636-.36-1.272-.48-1.86-.48-.84 0-1.2.264-1.2.6 0 1.104 3.9.036 3.9 2.58 0 1.2-1.116 2.052-3.048 2.052zm10.205-6.648c1.968 0 3.108.912 3.108 2.868v3.684h-1.752v-.804c-.348.588-1.02.9-1.968.9-1.512 0-2.412-.84-2.412-1.956 0-1.14.804-1.932 2.772-1.932h1.488c0-.804-.48-1.272-1.488-1.272-.684 0-1.392.228-1.86.6l-.672-1.308c.708-.504 1.752-.78 2.784-.78zm-.144 5.388c.624 0 1.164-.288 1.38-.876v-.66h-1.284c-.876 0-1.152.324-1.152.756 0 .468.396.78 1.056.78zm8.87-5.388c1.524 0 2.676.888 2.676 2.856v3.696h-1.872v-3.408c0-1.044-.48-1.524-1.308-1.524-.9 0-1.548.552-1.548 1.74v3.192h-1.872v-6.456h1.788v.756c.504-.552 1.26-.852 2.136-.852zm12.641 0c1.536 0 2.64.888 2.64 2.856v3.696h-1.872v-3.408c0-1.044-.468-1.524-1.224-1.524-.84 0-1.428.54-1.428 1.692v3.24h-1.872v-3.408c0-1.044-.444-1.524-1.224-1.524-.828 0-1.416.54-1.416 1.692v3.24h-1.872v-6.456h1.788v.744c.48-.552 1.2-.84 2.028-.84.9 0 1.668.348 2.124 1.056.516-.66 1.356-1.056 2.328-1.056zm10.712 3.348c0 .144-.024.348-.036.504h-4.884c.18.804.864 1.296 1.848 1.296.684 0 1.176-.204 1.62-.624l.996 1.08c-.6.684-1.5 1.044-2.664 1.044-2.232 0-3.684-1.404-3.684-3.324 0-1.932 1.476-3.324 3.444-3.324 1.896 0 3.36 1.272 3.36 3.348zm-3.348-1.932c-.852 0-1.464.516-1.596 1.344h3.18c-.132-.816-.744-1.344-1.584-1.344zm4.595 5.136v-8.904h1.872v8.904zm8.313-8.904h1.872v8.904h-1.788v-.744c-.468.564-1.152.84-2.016.84-1.824 0-3.228-1.296-3.228-3.324s1.404-3.324 3.228-3.324c.792 0 1.464.252 1.932.78zm-1.608 7.464c.924 0 1.644-.672 1.644-1.788s-.72-1.788-1.644-1.788c-.936 0-1.656.672-1.656 1.788s.72 1.788 1.656 1.788zm11.537-1.764c0 .144-.024.348-.036.504h-4.884c.18.804.864 1.296 1.848 1.296.684 0 1.176-.204 1.62-.624l.996 1.08c-.6.684-1.5 1.044-2.664 1.044-2.232 0-3.684-1.404-3.684-3.324 0-1.932 1.476-3.324 3.444-3.324 1.896 0 3.36 1.272 3.36 3.348zm-3.348-1.932c-.852 0-1.464.516-1.596 1.344h3.18c-.132-.816-.744-1.344-1.584-1.344zm8.518-1.416c1.524 0 2.676.888 2.676 2.856v3.696h-1.872v-3.408c0-1.044-.48-1.524-1.308-1.524-.9 0-1.548.552-1.548 1.74v3.192h-1.872v-6.456h1.788v.756c.504-.552 1.26-.852 2.136-.852z" />
</ g >
</ svg >
Copy to clipboard