Promt koding

Jeg vil gjerne ha hjelp til å kode noe som skal møte følgende kriterier: 
1) Det skal brukes i Thinkific. Alt du lager må derfor kunne kopieres rett inn der. 
2) Jeg vil at du skal gjøre slik at jeg kan redigere skriftstørrelser og eventuelle bilder eller andre elementer direkte i editoren, uten å måtte inn på code view. 
3) Det er viktig at det ser bra ut på både mobil og desktop. Alt av eventuelle bilder og tekst må være innenfor margene, også på mobil. 
4) Skriftfargen på selve teksten skal være svart, min merkevarefarge på overskrifter.

5) Sørg for å legg til kode som gjør slik at endringene du gjør, kun gjelder for den seksjonen vi jobber med. Det er viktig at det vi gjør ikke påvirker andre elementer på siden. 

Gi meg også den komplette nye koden for hver gang, ikke bare endringene du gjør. 

Bakgrunnsfarge: 
Lyseblå  #eef3f6
Lysegrønn: #eaf0ee


Text & media

Vertikalt illustrasjonsbilde

Problem/Løsning

Snakk om hoved-smertepunktet her. Skriv 2–3 setninger som får leseren til å kjenne seg igjen og nikke: hva er det som faktisk gjør vondt i hverdagen – og hvorfor det haster å få en endring?

Gjør det sterkt med eksempler

Del 2–4 korte, konkrete eksempler (helst fra virkelige situasjoner) som viser hvordan problemet spiller seg ut. Målet er å vekke følelser og forståelse, ikke skyld. Hold språket enkelt og nært.

Introducer løsningen

Forklar kort hva løsningen din er, hvorfor den virker, og hva som blir annerledes for leseren. Pek gjerne fremover: “Tenk deg at …”. Avslutt med en naturlig bro til neste del (CTA, moduloversikt, osv.).

Tips: Hold setningene luftige og bruk avsnitt. På mobil brytes alt pent innenfor margene.

Text & media

Vertikalt venstre bilde, Lyseblå, 20, med to cta

Vertikalt illustrasjonsbilde

Problem/Løsning

Snakk om hoved-smertepunktet her. Skriv 2–3 setninger som får leseren til å kjenne seg igjen og nikke: hva er det som faktisk gjør vondt i hverdagen – og hvorfor det haster å få en endring?

Gjør det sterkt med eksempler

Del 2–4 korte, konkrete eksempler (helst fra virkelige situasjoner) som viser hvordan problemet spiller seg ut. Målet er å vekke følelser og forståelse, ikke skyld. Hold språket enkelt og nært.

Introducer løsningen

Forklar kort hva løsningen din er, hvorfor den virker, og hva som blir annerledes for leseren. Pek gjerne fremover: “Tenk deg at …”. Avslutt med en naturlig bro til neste del (CTA, moduloversikt, osv.).

Tips: Hold setningene luftige og bruk avsnitt. På mobil brytes alt pent innenfor margene.

Horisontale bilder til venstre + CTA

Venstre h. bilde, lyseblå tekst + CTA, 20 desktop og mobil


Din overskrift her – kort og tydelig

Horisontalt bilde til høyre + tekst +cta

The other sections are styled to help you create beautiful, high-converting pages. If you already know exactly what you want, use this section to add text, images, video, audio, etc. and build something completely custom. This is your sandbox — create what you want!

høyre horisontalt bilde, lyseblå 20 + CTA


Text & media


Vertikale bilder til venstre + CTA

Lyseblå 24 desktop 22 på mobil bilde til venstre


Vertikalt bannerbilde

Din overskrift her – kort og tydelig

Lysegrønn 24 desktop 22 på mobil bilde til venstre


Vertikalt bannerbilde

Din overskrift her – kort og tydelig

Lyseblå 24 desktop 22 på mobil bilde til venstre


Vertikalt bannerbilde

Din overskrift her – kort og tydelig

Lysegrønn 20 bilde v.venstre + cta


Vertikalt bannerbilde

Din overskrift her – kort og tydelig

Lyseblå 20 bilde vertikal venstre bilde cta


Vertikalt bannerbilde

Din overskrift her – kort og tydelig

Vertikale bilder til høyre + tekst og CTA

stor tekststørrelse


Stor tekststørrelse


Stor tekststørrelse


20 i skriftstørrelse


20 i skriftstørrelse


liten tekst