Snarveier:
BUK
Om
Dette er brand guidelines for de som jobber med design og publisering for Brunstad Ungdomsklubb.
Info om Brunstad Ungdomsklubb: brunstadungdomsklubb.org
Design Prinsipper
Symbolet og resten av designet er basert på en sirkel som symboliserer jorden, og en smiley som symboliserer menneskene. Dertil skal de unike formene som staver BUK få frem det ungdommelige, og at alle skal kunne være seg selv i mangfoldet.
Ungdommelig og kreativt
Utrykket skal gjenspeile mangfoldet og kreativiteten i BUKs sunne ungdomsmiljø. Det skal være ungdommelig, bekymringsløst, modig og nyskapende.
Klare farger og mønstre
I samsvar med paragrafet over skal fargene og formene som brukes kommunisere mangfoldet, uten å miste det runde midtpunktet som symbolet er basert på.
Forskjellige former
Basert på de forskjellige formene som staver BUK i symbolet, er det laget et mangfold av former som kan brukes for å lage smileys og andre visuelle elementer.
Visuell Identitet
Logoer
BUK Logoen
Ved å bruke hele logoen konsekvent i presentasjon (spesielt mot det offentlige) blir det mulig å bygge annerkjennelse rundt merket, og hva det står for.
Det foretrekkes at den horisontale logoen brukes for at navnet skal komme tydelig frem, og logoens farge, form eller størrelsesforhold skal ikke endres (bare ett unntak som beskrives under).
Ulike bakgrunner og mønstre kan benyttes i BUK symbolet.
Klaring
For å bevare logoenes integritet, må det alltid være et minimum av plass rundt logoen. Denne klaringen isolerer logoen fra distraherende visuelle elementer, for eksempel andre logoer, tekst og illustrasjoner.
Form og proposjoner
For å bevare logoenes integritet, må det alltid være et minimum av plass rundt logoen. Denne klaringen isolerer logoen fra distraherende visuelle elementer, for eksempel andre logoer, tekst og illustrasjoner.
Tips: Hvis du vil endre størrelse på størrelse, holder du “Shift” -tasten i de fleste applikasjoner for å opprettholde de riktige proporsjonene.
Logo misbruk
Det er viktig at utseendet til logoen forblir konsekvent. Logoen skal ikke tolkes, endres eller legges til på feil måte. Det skal ikke gjøres noe forsøk på å endre logoen på noen måte. Orientering, farge og sammensetning skal forbli som angitt i dette dokumentet – det er ingen unntak.
Ikke roter logoen.
Ikke ha logoen i to forskjellige farger.
Ikke bruk ordmerket uten symbolet.
Ikke forvreng eller fordrei logoen på noen måte.
Ikke skissér eller opprett en linje rundt logoen.
Ikke bruk en gradient på symbolet eller ordmerket.
Typografi
Primær teksttype
Den primære teksttypen er Clash Grotesk.
Den brukes til all ekstern reklamekommunikasjon, for eksempel: nettside, visittkort, meldinger, brosjyrer, plakater, bannere og all annen markedsføringsmateriale.
Sekundær teksttype
Den sekundære teksttypen er Tahoma.
Den brukes til alt som ikke er reklamekommunikasjon som krever et mer personlig preg, for eksempel VIP-invitasjoner, varsler, kunngjøringer og brevhode.
Dette er en font som er inkludert i de aller fleste datasystemer som standard.
Størrelse på tekst
BUKs tekststørrelse inkluderer noen kontrasterende stiler som støtter behovet i innhold som blir skrevet.
Farger
Fargepalett
Fargene våre ble valgt med omhu for å formidle at vi er et levende, ungdommelig og fremtidsrettet brand.
En konsistent bruk av disse fargene vil bygge sterk ekstern gjenkjennelse og minneverdighet for BUK, men dette gir også frihet til å kunne blande bruken av fargene for å få frem forskjellige stemninger basert på sesong o.l.
Primær palett
Ungdom er forskjellige og kreative, så dette er vårt primære palett.
Sekundær palett
Disse fargene er linket sammen med fargene over til bruk i gradient eller lignende (se bilde på toppen for eksempel).
Grunnpalett
Disse nøytrale fargene hjelper vår primære palett med å skinne.
Visuelt Språk
Bakgrunner
Det er designet flere helfargede bakgrunner som benyttes til både overlegg og bakgrunner, disse kan benyttes alene.
Utover dette er det designet enfargede bakgrunner til bruk i forskjellige settinger der de mange bakgrunnene former en helhet av farger. F.eks. så kan de enfargede bakgrunnen brukes på forskjellige medlemspass med forskjellige fargene basert på hvilke type pass man har.
Overlegg
Det er designet to overlegg som kan brukes for å sette BUK utrykket ved et bilde, og som også vil fungere som overlag for tekst og logo.
Overleggene som er designet vil croppes i top og i bunn, for å romme 15% i toppen og 25% i bunnen. Dertil kan overlegget også være 90% gjennomsiktig.
Det vil være viktig å bruke en variasjon av i overlegget for å skape variasjoner i utrykket.
Bakgrunn vs Forgrunn
Først fyller man bakgrunnen med en av de to helfargede bakgrunnene, deretter legger et gjennomsiktig bilde i forgrunnen med info som ligger over to gradient lag som møtes på midten (sort 50% til 0%).
Enfarget
De enfargede bakgrunnene er til bruk i settinger der de forskjellige fargene former en helhet av farger. F.eks. så kan de enfargede bakgrunnen brukes på medlemspass hvor fargene viser hvilke type pass man har.
Dette gjør at plakater, medlemspass osv. kan differiensieres ved bruk av ensfarger.
Tekst bakgrunn
Tekst bakgrunn brukes når man skal beskrive et element i bildet på en kul måte.
BUK Smileys
For å få medlemmene til å bruke identiteten ble det laget en smileypack på Telegram, men disse bør også brukt i visuell kommunikasjon der det passer.
Last ned stickerpack på Telegram
Eksempel på bruk av smileys: i hjørnet, bak elementer.
Eksempel på bruk av smileys: i premien, på skulder.
Publisering
Lyd- og videoinnhold
Sonic Branding
I forbindelse med publisering av lyd eller videomateriale skal alltid sonic branding benyttes. Dette settes før alt innhold. På innhold over 1 minutt spilles også sonic branding etter innholdet.
Når videoinnhold publiseres på Instagram, skal det kun være sonic branding på slutten av filmen. Videoinnhold som overskrider 1 minutt men som det er ønskelig å publisere på Instagram, skal publiseres som IGTV.
Video vises på YouTube
Alt videoinnhold skal lastes opp til BUKs youtubekanal, og deles derfra over til webside og evt. Facebook.
Thumbnail & Tittel
I tillegg til at disse videoene har sonic branding, skal det også lastes opp et «custom thumbnail» laget etter designprinsippene til BUK. Tittelen på filmen skal følge denne malen: Valgfri Tittel | BUK.
Teksting
Det bør etterstrebes å tekste BUK sitt videoinnhold. Dette skal da ikke «brennes» inn i videoen, men legges til ved hjelp av youtubes løsning for teksting. På denne måten kan man legge til teksting på flere språk.
Større lydfiler
Hvis BUK på et tidspunkt, skulle publisere lydstykker av lengere karakter som f.eks podkast, så bør det benyttes en hosting-plattform for podkast som BUK kan bruke. Websiden egner seg ikke godt for å hoste så store lydfiler. Soundcloud er et forslag til plattform som kan benyttes i det tilfellet.
Språk
Språket som blir benyttet når BUK publiserer, skal være ungdommelig og lett-lest. På sosiale innlegg bør det også brukes rikelig med emojies, likevel burde ikke innlegg på Facebook og Instagram overstige 4 linjer med tekst.
Hvordan publisere for BUK?
buk.no er et statisk nettsted. Alle artikler og sider ligger som filer i kodelageret bcc-code/buk-web på GitHub, og det finnes ingen innlogging på selve nettsiden. Når en endring er godkjent og lagt inn i hovedgrenen (main), bygges nettsiden og publiseres automatisk i løpet av noen minutter.
Har du ikke tilgang til kodelageret, eller vil du heller sende inn en ferdig skrevet artikkel med bilder? Ta kontakt på info@buk.no.
Skrive og publisere en artikkel
- Lag en ny fil i mappen
src/artikler/, for eksempelhostcamp-2026.md. Filnavnet blir adressen til artikkelen: buk.no/hostcamp-2026/. - Fyll ut feltene øverst i filen (se under), og skriv selve artikkelen under dem i vanlig tekst. Mellomtitler, fet skrift, kursiv og lenker fungerer som vanlig.
- Legg bildene i mappen for året og måneden, for eksempel
src/uploads/2026/10/. - Lag en pull request med endringen. Når den er godkjent og lagt inn i
main, publiseres artikkelen automatisk.
Et ferdig eksempel og en oversikt over alle feltene finner du i README.md i kodelageret.
Tittel, kategori og hovedbilde
- Tittel og dato (
title,date) må alltid være med. Datoen bestemmer rekkefølgen på nettsiden, med de nyeste først. - Hovedbilde (
image) vises øverst i artikkelen, på forsiden og når artikkelen deles i sosiale medier. Viktig: Alle artikler skal ha et hovedbilde. - Kategori (
categories) må alltid velges: én eller flere av #WeAreBUK, Aktiviteter, BUK camper og Informasjon. - Ingress (
excerpt) er en kort tekst som vises på forsiden og i søk. - Utkast: med
draft: trueer artikkelen skjult til den er klar.
Bilder og galleri
Et bilde legges inn slik: . Beskrivelsen leses opp for dem som ikke ser bildet, så skriv hva bildet viser.
Tips: Bildene må ikke være veldig store, og de skal være komprimerte. De trenger sjelden å være bredere enn 2000 piksler.
Flere bilder ved siden av hverandre blir et galleri:
<div class="gallery"> <img src="/uploads/2026/10/1.jpg" alt=""> <img src="/uploads/2026/10/2.jpg" alt=""> </div>
YouTube-video i artikkelen
Finn ID-en til videoen i YouTube-adressen (det som står etter v=), og lim inn denne linjen der videoen skal stå:
<iframe src="https://www.youtube-nocookie.com/embed/VIDEO-ID" title="Video" loading="lazy" allowfullscreen></iframe>
Adressen youtube-nocookie.com er YouTubes personvernvennlige variant.
Forfatter
Nye artikler vises med BUK som forfatter. Skal artikkelen vise navnet på en gjesteskribent, ta kontakt på info@buk.no.
Forandre på nettsiden
Endringer på resten av nettsiden går samme vei som artiklene: en pull request som blir godkjent og publisert automatisk. Dette er de vanligste:
- Bildekarusellen øverst på forsiden ligger i
src/_data/forside.json, underhero. Hvert bilde har bilde, overskrift, tekst, knappetekst og lenke. Kopier et eksisterende bilde og endre det. - Artikkelkortene og «Flere artikler» på forsiden fylles automatisk med de nyeste artiklene.
- Videoinnleggene øverst på #WeAreBUK ligger i
src/_data/videoinnlegg.json. Formatet er teknisk, så ta kontakt hvis du skal legge inn et nytt. - Faste sider som Om oss, vedtekter og årsmeldinger ligger i mappen
src/sider/.
Laste opp en video på YouTube
For å laste opp en video på YouTube, må du først logge deg inn. Deretter klikker du på kamera-ikonet som er markert i bildet nedenfor.
Klikk på ‘last opp en video’.
Da vil du bli tatt til en side der du kan velge videofilen du vil laste opp.
Når dette er gjort vil du bli spurt om å fylle inn informasjon om videoen, som tittel og beskrivelse. Dersom du trenger ytterligere veiledning, kan du lese YouTube sin guide.
Thumbnail og tittel
For hver video som lastes opp skal det lages et «custom thumbnail» laget etter designprinsippene til BUK. Tittelen på filmen skal følge denne malen: Valgfri Tittel | BUK.
Eksempel på thumbnail og tittel:
Film
Vignett
Det skal ikke produseres eller brukes vignett i forbindelse med BUK materiale. Dette tilhører mediumet TV, som ikke lenger gjenspeiler ungdommen. Sonic branding benyttes som en erstatning.
Super / Lower Third
Super eller Lower third skal bruke BUK sitt mønster som bakgrunn for tekst. Bakgrunnen og teksten skal glitches på skjermen. Se TV-serien Til Aksjon supere for inspirasjon.
Super skal ha følgende innhold:
Navn Navnesen (23)
Bosted, Land
Bosted og land kan byttes ut med rolle dersom rollen er svært relevant.
Sonic Branding
Sonic branding skal alltid brukes i Video og Lyd produkter. Altså film og podcast.
Sonic branding skal alltid brukes før og etter videomateriale fra BUK. istedenfor Copyright fra BrunstadTV.
Maler
Word dokument
Malen inneholder eksempel-sider som kan brukes når det passer, men den kan også brukes helt blankt ved bruk av skriftstilene som ligger i dokumentet.
PowerPoint
Denne malen inneholder en del eksempel slides, men i tillegg til dette inkluderer den også tomme master-slides.
