Inter
Klar produktsprog
Websitets primære skrifttype til overskrifter, brødtekst, navigation, kort og UI-labels.
font-brandWebsite styleguide
Fridays websitesystem
Brug denne side til websitets visuelle grundlag og genbrugelige layoutmønstre: typografi, farver, afstande, hero-strukturer, sektioner, tabs, statistik, accordions og CTA-bånd.
Skriftfamilier
To stemmer, ét system
Friday bruger Inter til de fleste overskrifter, brødtekst, navigation, kort og UI-labels, mens Source Serif 4 er reserveret til editorial emphasis og udvalgte hero-overskrifter.
Source Serif 4
Refleksiv vægt
Bruges sparsomt til kursiv vægt, citater, fremhævede ord og udvalgte opretstående hero-overskrifter.
font-brand-serifTypografisk skala
Præcis typografi skaber brandet
Typografi beholder præcise værdier, fordi små ændringer i størrelse, linjehøjde og tracking er synlige i Fridays udtryk.
Hero heading
text-4xl min-[768px]:text-6xl min-[1080px]:text-7xl leading-none tracking-[-2px]Alt I behøver for at omsætte feedback til handling
Serif hero heading
Source Serif 4 - text-5xl leading-12 tracking-tighterFra dataindsamling til medarbejderindflydelse
Sektionsoverskrift
text-6xl leading-18 tracking-[-1.5px]Genbrugelige sidestrukturer
Kortoverskrift
text-3xl leading-9 tracking-[-0.7px]Anbefalinger i kontekst
Lead copy
text-xl leading-8Et kort afsnit, der sætter sektionen op, før det detaljerede indhold begynder.
Brødtekst
text-base leading-7Klar, direkte copy med nok linjehøjde til længere forklaringer og gentagen læsning.
Kicker label
text-sm uppercase tracking-[0.14em]SEKTIONSLABEL
Annotation
text-xs leading-5 text-brand-mutedPiloten kørte med to teams over otte uger.
Farvesystem
Varme neutrale farver med én tydelig accent
De varme neutrale farver er bevidste: de peger mod naturlige hudtoner, så brandet føles forbundet med trivsel, inklusion og mennesker. Orange bruges som accent med en stram 70'er Braun- og Bauhaus-inspireret tone til aktive states og retningsgivende øjeblikke.
#f5efe5
Sidebaggrund
Standard canvas for siden.
#f9f5ef
Kortbaggrund
Gentagne kort og afgrænsede paneler.
#e6d9c7
Blød kant
Dividers, kortkanter og rolig struktur.
#30292c
Primær tekst
Overskrifter og vigtig copy.
#746666
Sekundær tekst
Lead copy, afsnit og beskrivelser.
#ada1a1
Dæmpet tekst
Metadata, understøttende labels og captions.
#db590b
Accent
Aktive states, highlights, ikoner og små CTA'er.
#b8480a
Accent hover
Interaktiv hover-state til accent controls.
Rating scale (0-10)
Produktets ratingfarver bevæger sig fra tydelig orange ved 0 til rolig teal ved 10, så lave scores er klare uden at forlade den varme brandpalet.
0
#ff6305
1
#e75700
2
#da6524
3
#de8333
4
#de9b36
5
#edae57
6
#e4c24a
7
#c6c870
8
#92b370
9
#70b387
10
#70b3b3
Form og afstand
Tokens holder rytmen konsistent
Brug disse tokens, før du introducerer en one-off værdi. Afstande og enkel sizing bør bruge Tailwind scale classes; præcis type og farve kan forblive arbitrary.
Radius tokens
Lille radius
12px / rounded-friday-smMellem radius
16px / rounded-friday-mdStor radius
24px / rounded-friday-lgPill radius
100px / rounded-friday-pillAfstandstokens
Desktop hero top
pt-45 / 180pxMobil hero top
max-[767px]:pt-33 / 132pxStandard sektionsbund
pb-30 / 120pxMørkt feature band
py-28 or py-30Editorial split gap
gap-18 / 72pxKortpadding
p-10, max-[767px]:p-7Hero sections
Hero layouts
Vælg hero efter sidens opgave: forsidebudskab, klart produktbudskab, visuelt bevis eller kompakt resource-intro.
Hero #1
headline hero
front-page heroEndelig et bedrealternativ til spørgeskemaer
Hero #2
Centreret produkt hero
aspect-video + mediaProdukt
Alt I behøver for at omsætte feedback til handling
Bedst til produktsider med én klar overskrift.
Hero #3
Split visual hero
aspect-video splitForskning
Forskning og produktbevis side om side
Bedst når heroen både skal have et stærkt claim og en synlig produkt- eller modelpreview.
Hero #4
Kompakt resource hero
compact 50vhGuide
En fokuseret intro til praktiske ressourcer
Bruges når siden hurtigt skal føre læseren ind i indholdet uden en stor hero-blok.
To-kolonne layouts
Editorial story layouts
Brug dette mønster, når en længere sektion har brug for et visuelt anker ved siden af mere reflekterende copy.
Story
Fra dataindsamling til medarbejderempowerment
Editorial layout
Et story panel med plads til læsning
Nyttig til længere narrative sektioner, hvor tonen skal føles mere reflekterende.
Flyt dette mønster ud af hero-sættet, når siden bør starte med en skarpere overskrift og lade den dybere fortælling udfolde sig nedenfor.
Split explainer
Split explanatory section
Brug denne split-sektion til tungere kontekst, hvor overskriften forankrer venstre side, og brødteksten bærer højre.
Fundament
PERMA+ som organiserende model
Friday bruger PERMA+, en forskningsbaseret ramme fra positiv psykologi udviklet af Martin Seligman. Den dækker positive følelser, engagement, relationer, mening og bedrifter — plus et "+"-lag, der dækker betingelserne omkring arbejdet, som sundhed og kontekst.
Vi bruger PERMA+ som et kort. Ikke til at score mennesker, men til at sikre, at feedback lander i en struktur, der er konsistent over tid. Det hjælper med at adskille signaler, der ellers blandes — som lavt energiniveau, lav klarhed og lav forbundethed — og giver teams et fælles sprog for, hvad der foregår.
Model card grid
Grouped model cards
Brug disse kort, når en side skal gruppere relaterede modeller, kategorier eller framework-lag.
Drivermodel
Sådan kobler Friday drivere og emner til PERMA+
Vores drivere er bygget ved at koble det medarbejderne skriver og rater til PERMA-domænerne, og så bruge "+"-laget til praktiske betingelser, der i høj grad påvirker engagementet i hverdagen.
Plus-laget
Betingelser der afgør, om mennesker kan trives
Sundhed og trivsel
Personlig trivsel.
Arbejdspladsens grundvilkår
Aflønning, udstyr, arbejdsmiljø, fleksibilitet.
Det er her meget af den praktiske friktion bor. Pointen er ikke at over-måle, men at holde kategorierne stramme nok til, at feedback kan tolkes pålideligt.
Uden for PERMA+
Diversitet og inklusion
Diversitet og inklusion er inkluderet som et emne under Relationer på arbejdspladsen, fordi det direkte påvirker tilhør, respekt og samarbejde i hverdagen.
Det er ikke en del af den oprindelige PERMA+-ramme som defineret af Seligman, men det er vigtigt for organisationer, der bevidst arbejder med inklusion og fairness. I praksis understøtter stærkere inklusion stærkere relationer, bedre samarbejde og en mere konsistent følelse af tilhør på tværs af teams.
Bullet sections
Split-sektioner med proof points
Brug dette mønster, når en sektion har brug for et stærkt budskab til venstre og en liste med fordele, checks eller capabilities til højre.
Klare signaler
Giv hvert punkt én opgave og hold den understøttende copy kort.
Privacy-first framing
Brug ikonledede bullets til tillid, governance og medarbejdertryghed.
Handlingsnære anbefalinger
Lad hvert punkt forbinde produktets capability med et næste skridt.
Anbefalinger
Forskningen bag vejledningen
Friday bruger ikke kun forskning til at beslutte, hvad der skal anbefales. Vi bruger den til at forme, hvordan anbefalinger gives, så de føles realistiske at handle på, og så de understøtter, hvordan tillid og engagement opbygges i rigtige teams.
Psykologisk tryghed
Amy Edmondsons arbejde med psykologisk tryghed fungerer som filter for anbefalinger. Det hjælper med at sikre, at de foreslåede handlinger er sikre at tage og ikke utilsigtet øger frygt eller tavshed i et team.
Anbefalinger til medarbejdere fokuserer ofte på små, lavrisiko-skridt: at bede om klarhed, rejse friktion tidligt, teste antagelser eller bede om støtte uden at eskalere konflikt. Anbefalinger til ledere fokuserer på at reagere på måder, der beskytter trygheden, samtidig med at problemet adresseres.
Ledelse der skaber tillid
Simon Sineks arbejde former, hvordan Friday rammesætter anbefalinger om ledelse, tillid og klarhed. Kerneidéen er, at engagement følger tillid, og tillid bygges gennem hverdagens adfærd.
Når feedbacken peger på forvirring, overbelastning eller spændinger, er anbefalingen ikke bare "kommunikér mere". Den giver vejledning i, hvordan man leder på en måde, der skaber tillid, øger klarhed og understøtter delt ansvar.
Skandinaviske samarbejdsnormer
Vi læner os op ad skandinaviske samarbejdsnormer, fordi AI-anbefalinger ellers har tendens til at drive mod to uhensigtsmæssige yderpunkter: meget individuelle råd eller meget ensidige organisationsråd.
I flade, høj-autonome teams bygges engagement gennem delt ansvar, god kommunikation og klare aftaler. Fridays anbefalinger understøtter dialog frem for antagelser, samarbejde frem for siloer, fælles aftaler frem for vage forventninger og ansvar, der er fordelt frem for læsset på én person.
Introducing section
Centreret produktintro
Brug dette mønster, når en side har brug for et kort positionerende øjeblik før kort eller proof sections.
Introducerer
Friday-trivselsplatform
De fleste medarbejderundersøgelser beder medarbejdere svare på lange spørgeskemaer og sætte tal på deres oplevelse. Alligevel efterlader svarene ofte for lidt at handle på. Friday vender det om: korte svar med egne ord, omsat til brugbare indsigter.
Bento sections
To- og trekolonne bento
Brug disse kort til kompakte produktforklaringer, fordele og visuelle proof blocks.
To feature-kort
Refleksioner i stedet for spørgsmål
Stop med at stille en lang række spørgsmål, og lad i stedet refleksionen naturligt afsløre, hvad der bremser teams og hvad der hjælper.
Overblik på et sekund
Feedback struktureres i kategorier for trivsel og giver et tydeligt billede af, hvad der betyder noget, og hvor der er brug for opmærksomhed.
Tre kompakte kort
Fleksibel anonymitet
Vælg det privatlivsniveau, der passer til jeres feedback. Medarbejdere kan altid se, hvad der deles, og med hvem.
Læs mere om privatlivsniveauer →Spot tendenser tidligt
Følg medarbejdernes trivsel over tid, og se tidligt, hvor der er fremgang, stilstand eller behov for handling.
Læs mere om tendenser →Anbefalinger
Friday omsætter medarbejdernes refleksioner til konkrete næste skridt for både medarbejdere og ledere.
Læs mere om anbefalinger →Quote section
Kompakt testimonial
Brug dette mønster, når en side har brug for social proof uden at overtage hele siden.
Friday™ holdt engagementet højt og gjorde det nemt at handle på feedbacken.
Animeret citat
Ord-for-ord afsløring med valgfri rotation
Brug AnimatedQuote-komponenten, når en enkelt stemme bærer sektionen. Ord toner ind med en stagger, når sektionen scrolles i syne. Send to eller flere citater for at aktivere et auto-roterende karrusel med pagineringsbjælker; rotationstimeren venter, til det første citat er helt afsløret.
Standard — enkelt kolonne
Inline-redaktionscitat
Standardstørrelsen sidder i smalle redaktionelle kolonner ved 1.5rem serif kursiv. Send et array af citater for at aktivere rotation; pagineringsbjælker og 10-sekunders fremgangsudfyldning vises automatisk.
“Fridays AI tager en kort kommentar og forvandler den til ægte personlig vejledning. Det er forskellen.”
Fuld bredde — stor
Display-citat
Brug den store variant til heroskala-øjeblikke, hvor citatet er sektionen. Dropper kolonnebegrænsningen og skalerer typografien op. Virker med ét citat eller flere.
“Da jeg kiggede tilbage på mine anbefalinger, opdagede jeg, at de faktisk var rigtig gode. Konkrete ting jeg kunne gøre.”
Live tabs
Tabbed audience views
Denne bruger de samme Tabs og TabPanel komponenter som forsiden, inklusiv den bevægelige aktive underline.
Bygget til alle i organisationen
Når engagementet falder, ved I hvorfor
I ser ikke kun, når noget halter. I ser, hvad der driver det. Friday giver realtidsindsigt på tværs af teams, så I kan opdage problemer tidligt og bakke jeres ledere op med målrettede handlinger.
- Realtidstendenser frem for årlige snapshots
- Tydelige temaer bag engagement og moral
- Spot problemer, før de spreder sig
- Indsigt der bakker jeres ledere op
Bygget til dig, ikke kun din arbejdsgiver
Slut med en masse spørgsmål. I stedet får du et øjebliks refleksion, der giver dig praktiske, personlige anbefalinger ud fra din egen situation og dine egne ord.
- Et hurtigt check-in der respekterer din tid
- Personlige anbefalinger ud fra dine egne ord
- Reflektér over hvad der hjalp og hvad der udfordrede
- Dit dashboard med check-ins og næste skridt
Styrk teamets trivsel
Fang friktion tidligt og fjern den. Friday samler teamets input i tydelige temaer og foreslår, hvordan I kan håndtere dem med ro i 1:1'er og teammøder.
- Klare teamtemaer i stedet for spredt feedback
- Lederguide ud fra rigtigt input fra teamet
- Bedre 1:1'er forankret i reel kontekst
- Tidligere indblik i friktion og stress
Fang signalerne, før de bliver dyre
Lav trivsel kan hurtigt blive en reel forretningsomkostning. Når motivationen falder, stiger risikoen for tabt produktivitet, fravær og udskiftning. En demotiveret medarbejder kan koste op til 34 % af sin årsløn. Friday hjælper jer med at se signalerne tidligere og handle mere målrettet.
- Løbende overblik over trivsel på tværs af organisationen
- Tidlige tegn på faldende motivation eller energi
- Anbefalinger, der gør opfølgning lettere
- Bedre grundlag for beslutninger om kultur og fastholdelse
Stats section
Stats
Brug animerede proof numbers, når siden har brug for evidens uden et tungt rapportlayout.
Undgå spørgeskematræthed
0%+
deltagelse på tværs af alle runder i pilotprojektet hos The Poster Club.
0%
af de interviewede medarbejdere ville fortsætte efter pilotprojektet hos Vestjysk Bank.
0%
stigning i de gennemsnitlige engagementscorer hos The Poster Club efter blot to runder.
Statistik
Firekolonne statistik
Brug denne kompakte række, når en narrativ sektion har brug for evidens ved første blik med forsinket sweep-motion.
2 teams
29 medarbejdere og 2 ledere deltog i piloten
8 uger
med check-ins under en organisatorisk forandring
00:01:45
gennemsnitlig udfyldelsestid fra første til sidste runde
100%
af de interviewede ville fortsætte
Transparent accordion
Accordion uden card shell
Brug dette, når den omgivende side skal blive åben og rolig.
Vi ville stille
de samme spørgsmål...
Friday bygger på PERMA+, en forskningsbaseret ramme for trivsel udviklet af psykologen Martin Seligman. Den dækker positive følelser, engagement, relationer, mening og bedrifter, sammen med yderligere dimensioner som fysisk sundhed og vitalitet.
For at sikre at Friday afspejler det moderne arbejdslivs fulde virkelighed, har vi udvidet rammen med yderligere sub-drivere og en driver, baseret på erfaring og best practice. De fleste trivselsværktøjer måler tilfredshed bredt og lader jer gætte årsagen. Ved at koble det medarbejderne faktisk skriver til disse specifikke drivere, fortæller Friday jer ikke kun, at noget er galt, men også hvilken del af arbejdslivet det handler om. Det er det, der gør anbefalingerne specifikke i stedet for generiske.
I vælger det privatlivsniveau, der passer til jeres kultur. Friday tilbyder tre muligheder:
- Aggregeret — kun tendenser på teamniveau, ingen individuelle data synlige.
- Anonymiseret — kommentarer er synlige uden navne, når der er nok besvarelser til at beskytte identiteten.
- Åben — feedback deles med navne på.
Hver medarbejder kan altid se hvilket privatlivsniveau organisationen har valgt, så ingen er i tvivl om, hvordan deres input bruges, eller hvem der kan se det.
Fridays anbefalinger er formet af forskning i psykologisk tryghed (Amy Edmondson), formål i arbejdet (Simon Sinek) og den skandinaviske tradition for dialog og medarbejderinddragelse. Medarbejdere kan gennemgå og rette, hvordan deres input er fortolket, og hvert forslag er bundet direkte til det, personen har skrevet. Tænk det som en erfaren HR-businesspartner, der har læst hver kommentar og har et konkret forslag klar til hver enkelt.
I behøver ikke at erstatte det, I allerede har. Nogle teams kører Friday som deres always-on-vane mellem de årlige målinger. Andre erstatter den eksisterende opsætning helt, fordi Friday dækker det samme felt med mindre friktion og mere kontekst. Uanset hvad er det bygget til at fungere med, hvordan I allerede arbejder, ikke imod det.
De fleste teams er live inden for få timer. Friday tilbyder selvbetjent opsætning eller gratis guidet onboarding, alt efter jeres tempo. Intet IT-projekt. Ingen seks ugers implementeringsplan.
Den gratis prøve indeholder 2 fulde runder i jeres eget tempo. For større organisationer kan I tage fat i os, så sammensætter vi det rigtige setup.
Full-width CTA band
Afslut sider med ét tydeligt næste skridt
Brug et ægte full-bleed mørkt band, når siden har givet nok kontekst og skal føre læseren videre til handling.