brandingdesignuniversell utforming

Gjør AlonLearn til deres egen læringsplattform

•Av AlonLearn Team
Fra slutten av november setter du selv logo, farger, innloggingsside og delingsbilde i AlonLearn. Her går vi gjennom merkevareinnstillingene én for én.
Gjør AlonLearn til deres egen læringsplattform

Fra slutten av november 2026 får AlonLearn en egen side for merkevare i innstillingene. Der gjør du som administrator plattformen til deres egen: logo, farger, innloggingsside og hvordan kurslenkene ser ut når de blir delt. Denne artikkelen går gjennom innstillingene én for én, med tips til hva som gir best resultat.

Filmen viser hele flyten på under ett minutt (engelsk tale).

Hvor finner du det?

Gå til innstillingene i administrasjonen og velg Merkevare. Alt du endrer, lagres fortløpende, og du ser «Alle endringer er lagret» nederst på siden. Angrer du, kan du når som helst trykke Tilbakestill til standard.

1. Logoer

Fire logovarianter i AlonLearn: avlang og kvadratisk, for lys og mørk bakgrunn

AlonLearn bruker fire varianter, slik at logoen ser riktig ut overalt:

  • Avlang logo, lys bakgrunn og avlang logo, mørk bakgrunn: mellom 2:1 og 8:1, minst 120 piksler høy. Brukes i menyen og på innloggingssiden, og den mørke i mørk modus.
  • Kvadratisk logo, lys og mørk bakgrunn: minst 256 × 256 piksler. Du velger utsnittet selv.

Tips: Last opp SVG eller PNG med gjennomsiktig bakgrunn, maks 2 MB. Gjennomsiktige kanter rundt logoen blir fjernet automatisk, så du trenger ikke beskjære den på forhånd.

2. Favicon

Faviconet er det lille ikonet i nettleserfanen, og ikonet på hjemskjermen når noen lagrer siden på mobilen. Bruk SVG eller PNG på minst 180 × 180 piksler. Et enkelt symbol med gjennomsiktig bakgrunn er lettest å kjenne igjen i 16 piksler. Forhåndsvisningen viser ikonet i både 16 og 32 piksler, på lys og mørk fane.

3. Innloggingssiden

Innloggingssiden i AlonLearn med bakgrunnsbilde og velkomsttekst på PC og mobil

Her setter du et bakgrunnsbilde og en velkomsttekst. På PC vises de i panelet ved siden av innloggingsskjemaet. På mobil vises bare teksten, under skjemaet.

  • Bildet bør være JPG, PNG eller WebP på minst 1200 × 1500 piksler. Det blir beskåret stående (4:5).
  • Bildet tones mørkt i hovedfargen, så teksten alltid er lesbar, uansett hvilket bilde du velger.
  • Uten bilde vises hovedfargen. Uten velkomsttekst vises organisasjonsnavnet.

4. Søk og deling

Google-treff og delingskort for et kurs i AlonLearn

Denne delen bestemmer hva Google viser for den offentlige kursoversikten, og hvordan en delt lenke ser ut i Teams, LinkedIn og Facebook.

  • Tittel på kursoversikten: Google viser rundt 60 tegn. Telleren under feltet viser hvor du er.
  • Metabeskrivelse: Google viser rundt 160 tegn. En forhåndsvisning viser hvordan treffet kan se ut.
  • Delingsbilde: JPG, PNG eller WebP på minst 600 × 315 piksler. Det blir beskåret til 1200 × 630, formatet Teams, LinkedIn og Facebook bruker.

Hver kursside bruker kursnavnet og kortbeskrivelsen sin. Mangler de, faller siden tilbake på beskrivelsen og bildet du setter her. Skal plattformen ikke vises i søkeresultater, slår du på Skjul fra søkemotorer.

5. Forsiden for besøkende

Velg hva noen som ikke er logget inn, ser når de åpner adressen deres: innloggingen, eller aktivitetskatalogen, der besøkende kan finne og melde seg på aktiviteter før de logger inn. Du kan også velge om knappen «Logg inn» skal vises i katalogen.

6. Farger og palett

Hovedfarge og den genererte paletten i lys og mørk modus, med WCAG-nivå på hver farge

Du velger én hovedfarge. Den brukes på knapper, valgte elementer og lenker i menyen. Farge 2 er valgfri og brukes bare som pynt, aldri bak tekst.

Fra hovedfargen lager AlonLearn en komplett palett: bakgrunner, flater, kanter, tekst og knapper, i lys og mørk modus. Under hver farge står WCAG-nivået mot bakgrunnen:

  • AAA: kontrast på minst 7:1
  • AA: minst 4,5:1, kravet for vanlig tekst
  • AA18: minst 3:1, godt nok for stor tekst og kanter

Under Merknader forklarer systemet hvis det har justert noe. Er hovedfargen for mørk til knappene i mørk modus, får de en lysere variant slik at teksten blir lesbar, og merknaden sier hvilken. Er farge 2 grå, foreslår systemet en variant laget fra hovedfargen. Statusfargene for feil, advarsel og fullført er like for alle kunder, slik at rødt alltid betyr det samme.

7. Forhåndsvisning

Nederst ser du et eksempel på Min side og et kurskort med knapper i både lys og mørk modus. Slik ser du resultatet før deltakerne gjør det.

Tilgjengelig i slutten av november

Merkevaresiden kommer i AlonLearn i slutten av november 2026. Vil du se den før det, eller ha hjelp til å sette opp profilen, kan du ta kontakt med oss.

AlonLearn team
Kontakt oss

Vil du vite mer om AlonLearn?

Har du spørsmål om hvordan AlonLearn kan hjelpe din organisasjon? Vi hjelper deg gjerne med å finne den beste løsningen for dine behov.

Flere innlegg fra bloggen

Fra video til e-læring: full sporing i AlonLearn
Av AlonLearn Team

Fra video til e-læring: full sporing i AlonLearn

Webinarer og opptak blir e-læring med NB-Whisper og AI. Pakken går rett inn i AlonSCORM med sporing av fullføring, resultat, poengsum og tid.

e-learningSCORM
Automatisert kursadministrasjon – 6 trinn fra manuell håndtering til full kontroll
Av AlonLearn Team

Automatisert kursadministrasjon – 6 trinn fra manuell håndtering til full kontroll

Automatisert kursadministrasjon betyr at påmelding, kommunikasjon, betaling, deltakeroppfølging og rapportering skjer automatisk i ett samlet system. I stedet for manuelle Excel-lister, fakturaer sendt fra økonomisystemet og e-poster frem og tilbake, håndteres hele prosessen digitalt og strukturert.Med AlonLearn får du en komplett løsning som kombinerer LMS, påmeldingssystem og fakturering. Resultatet er bedre kontroll, mindre manuelt arbeid og en mer profesjonell opplevelse for både administratorer og deltakere.

e-learningLMS
Kampen om intelligensen: SaaS under press og e-læring produsert på minutter med AI
Av AlonLearn Team

Kampen om intelligensen: SaaS under press og e-læring produsert på minutter med AI

Fredrick Falck Skogstad fra Already On er ukens gjest i podkasten, der vi går rett inn i hvordan AI i praksis endrer både programvarebransjen og måten vi jobber på. Fredrick holder kurs i AI og utvikler AlonSkills ved hjelp av vibe-koding og presis prompt engineering. I stedet for å bruke én modell til alt, kombinerer han flere AI-verktøy for ulike oppgaver og setter dem sammen i helhetlige arbeidsflyter.

e-learning
Integrasjonen mellom Unit4 hos DFØ og AlonLearn – sømløs økonomi for e-læring, LMS og kurspåmeldingssystem
Av Stig Elsfjordstrand

Integrasjonen mellom Unit4 hos DFØ og AlonLearn – sømløs økonomi for e-læring, LMS og kurspåmeldingssystem

Offentlige virksomheter som tilbyr kurs og læring – både til interne ansatte og eksterne deltakere – står ofte i et krysspress: De skal levere en god brukeropplevelse og effektiv drift, samtidig som personvern (GDPR), arkiv-/dokumentasjonskrav og regnskapsmessige krav må ivaretas fullt ut. Når det i tillegg er betaling involvert, blir integrasjonene ikke bare «nice to have», men en kritisk del av den totale etterlevelsen.

LMS og påmeldingssystem for offentlig sektor – kravene du må være forberedt på
Av AlonLearn Team

LMS og påmeldingssystem for offentlig sektor – kravene du må være forberedt på

LMS og påmeldingssystem for offentlig sektor – kravene du må være forberedt påMange virksomheter har både et LMS, et påmeldingssystem og ofte en egen løsning for webinarer. Hver for seg fungerer de godt. Utfordringen oppstår når kravene i offentlig sektor krever at disse løsningene henger tett sammen.

e-learningLMS
Opptak av webinar: Byggeklossene i e-læring du må kjenne til
Av AlonLearn Team

Opptak av webinar: Byggeklossene i e-læring du må kjenne til

E-læring består av flere viktige byggeklosser som hver har sin rolle i læringsløpet. Begreper som LMS, LXP, LRS og forfatterverktøy brukes ofte om hverandre, men dekker ulike deler av hvordan digital læring utvikles, leveres og følges opp.

e-learningwebinar