Papaya
Design & Marketing
Et levende referansedokument for visuell identitet, tone of voice og dokumentdesign — for 2026 og fremover.
Brandstrategi
Posisjonering
Papaya er det erfarne, personlige design- og markedsføringsbyrået som hjelper oppdragsgivere, spesielt innenfor eiendom, med å kommunisere klart, vakkert og effektivt. Vi kombinerer strategisk teft med håndverksmessig stolthet — og vi kjenner kundene våre ved navn.
Kjerneløfte
"Vi gjør det du vil si til noe du er stolt av å vise."
Brandattributter
Logodesign
Papaya-logoen er et skreddersydd ordmerke. Den særegne «Y med prikk» gir bokstaven et ansikt — et smil sett nedenfra. Orange prikk over Y-en er signaturelementet som gjenbrukes gjennom hele profilen.
Bruksregler
- Bruk logoen på godkjente bakgrunnsfarger: hvit, kremhvit, mørk kull, orange
- Hold minsteavstand lik X-høyden på logoen på alle sider
- Bruk kun godkjente fargeversjoner (charcoal / hvit / hvit+hvit prikk)
- Skalér proporsjonalt fra hjørnet
- Bruk wordmark alene på dokumenter, e-post og digitale flater
- Endre farger utenfor godkjent palett
- Legg ikke logoen på kompliserte fotografier uten kontrast
- Rotér, forvreng eller strekk ikke logoen
- Legg ikke tekst eller elementer innenfor logoens frirom
- Bruk ikke logoen i orange med orange prikk — prikken forsvinner
Fargepalett
Papaya-paletten er organisert i tre familier: Varm (orange), Frisk (grønn) og Nøytral (kull og krem). Orange er signaturen — brukes som signal, ikke som støy.
Skriftsystem
Papaya bruker to fonter: DM Serif Display som overskrift — elegant, varm, litt klassisk — og DM Sans som brødtekst og UI. Kombinasjonen er sofistikert men tilgjengelig. Begge støtter norsk (Æ, Ø, Å).
Signaturelementer
Tre enkle elementer brukt konsekvent skaper gjenkjennelighet uten at profilen blir tung.
Orange prikk
Signaturelementet som springer ut av Y-en i logoen. Brukes i prikklister, som sidemerkering, som dekor-element og som visuell stopper i annonsemateriell. Alltid i #E87827.
Vertikal strek i orange eller charcoal brukes som strukturerende element på coversider og i presentasjoner. Bredde: 1px. Alltid full sidhøyde.
Vertikal strek
Horisontal rule
48px bred, 2px høy, orange. Brukes under seksjons-eyebrow for å skille innledning fra innhold. Kan også brukes som delingselement mellom seksjoner i dokumenter.
Prikkede lister
Orange prikk erstatter standard bullet. Gir listene Papayas signatur uten å overdrive.
Avstander & layout
Innholdsmaks-bredde
Brødtekst: 640px
Bred layout: 900px
Full container: 1200px
Border-radius
sm: 4px — inputs
md: 8px — kort, tags
lg: 16px — seksjoner
full: 9999px — piller, knapper
Knapper & handlingselementer
Varianter
Størrelser
Dokumentdesign
Papaya produserer tilbud, budsjetter, strategiskisser og notater. Alle dokumenter følger samme designspråk, men varierer i tonefall og bakgrunnsfarge etter dokumenttype.
Tilbud & Budsjett — Forside
mot salgsstart
Bakgrunn: Fersken #F2CFC0 · Vertikal strek · Kicker italic + stor tittel
Tilbud — Innside (budsjettside)
| Beskrivelse | Pris |
|---|---|
| Oppdatering oversiktsbilde | 18 000 |
| 10 stk eksteriør à kr 12 000 | 120 000 |
| 10 stk interiør à kr 10 000 | 100 000 |
| Totalt, eks. mva. | 238 000 |
Hvit bakgrunn · DM Serif Display H2 · Orange rule · DM Sans tabelldata
Strategidokument — Forside
2026
Bakgrunn: Kull #3A3A3A · Hvit tekst · Orange kicker + vertikal strek
Tekstside — marger, lister og tabeller
Innholdsside — tekst med lister og tabell
| Post | Eks. mva. |
|---|---|
| Strategisk rådgivning | 45 000 |
| Design og produksjon | 238 000 |
| Totalt | 283 000 |
Marg: 25mm topp/bunn, 20mm venstre, 15mm høyre · Orange prikk i lister
Formateringsreferanse
Topp: 25 mm
Bunn: 25 mm
Venstre: 20 mm
Høyre: 15 mm
Maks. tekstbredde:
175 mm
Sidetall: bunn høyre
Dato: topp høyre
Brødtekst: 1.5 · Ingress: 1.6 · Tabeller: enkelt
Orange prikk (●) i stedet for standard bullet. Innrykk: 5mm. Avstand mellom punkter: 2pt.
Strategidokument
Strategidokumenter fra Papaya følger alltid den samme logiske flyten — fra kontekst til handling. Dette gjør det enkelt å produsere nye dokumenter raskt.
Standard seksjonsrekkefølge
- Forside — Prosjektnavn (kiker), hoveddokumenttittel, dato/versjon
- Oppsummering — Hva dette dokumentet er og hva det dekker (1 avsnitt + ingress)
- Mål — Kvantitative mål · Kvalitative mål
- Utfordring / Kontekst — Markedet · Konkurransen · Situasjonen
- Strategi — Hva vi sier · Til hvem · Hvordan · Hvor · Når
- Tiltak og budsjett — Spesifisert tabellformat med priser eks/inkl. mva.
- Fremdrift — Uke-for-uke milepæler
- Standardvilkår — Fast siste side i alle tilbud
- Kontaktinfo — Margaret Kallevig + fersken-bakgrunn med logo
Klare prompter for AI
Disse promptene er klare til å lime inn i Claude, ChatGPT eller annet AI-verktøy. Kopier med ett klikk.
Papaya CSS
Et ferdig stilark du kan bruke som utgangspunkt for landingssider, HTML-dokumenter og enkle nettsider. Lim inn i et <style>-tag eller lagre som papaya.css.
/* ================================================
PAPAYA CSS — v2026
Grafisk profil Papaya Design & Marketing AS
Bruk fritt til interne landingssider og HTML-dokumenter
================================================ */
/* --- Google Fonts (lim inn i <head>) ---------------
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600&display=swap" rel="stylesheet">
-------------------------------------------------- */
/* === DESIGN TOKENS === */
:root {
/* Farger */
--p-orange: #E87827;
--p-orange-light: #F4A96A;
--p-orange-pale: #FBE8D6;
--p-green: #90BE63;
--p-green-pale: #EAF3DF;
--p-cream: #E8E6DB;
--p-cream-light: #F5F3EE;
--p-warm-white: #FDFCF9;
--p-peach: #F2CFC0;
--p-sky: #8FCFDD;
--p-lavender: #8C8EAA;
--p-charcoal: #3A3A3A;
--p-gray-mid: #6B6B6B;
--p-gray-light: #A0A0A0;
--p-border: #E2DFDA;
/* Typografi */
--p-font-display: 'DM Serif Display', Georgia, serif;
--p-font-body: 'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
--p-font-mono: 'Courier New', Courier, monospace;
/* Spacing (4px base) */
--p-space-1: 4px;
--p-space-2: 8px;
--p-space-3: 12px;
--p-space-4: 16px;
--p-space-5: 24px;
--p-space-6: 32px;
--p-space-7: 48px;
--p-space-8: 64px;
--p-space-9: 96px;
/* Radii */
--p-radius-sm: 4px;
--p-radius-md: 8px;
--p-radius-lg: 16px;
--p-radius-full: 9999px;
/* Shadows */
--p-shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
--p-shadow-md: 0 4px 12px rgba(0,0,0,0.09);
--p-shadow-lg: 0 12px 32px rgba(0,0,0,0.11);
}
/* === RESET === */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
/* === BASE === */
body {
font-family: var(--p-font-body);
font-size: 1rem;
line-height: 1.7;
color: var(--p-charcoal);
background: var(--p-warm-white);
}
/* === TYPOGRAFI === */
h1, h2, h3, h4 {
font-family: var(--p-font-display);
font-weight: 400;
line-height: 1.2;
}
h1 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: var(--p-space-5); }
h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); margin-bottom: var(--p-space-4); }
h3 { font-size: 1.5rem; margin-bottom: var(--p-space-3); }
h4 { font-size: 1.125rem; margin-bottom: var(--p-space-3); }
p { margin-bottom: var(--p-space-4); color: var(--p-gray-mid); }
p + h2, p + h3 { margin-top: var(--p-space-6); }
.p-lead {
font-size: 1.2rem;
font-weight: 300;
line-height: 1.7;
color: var(--p-gray-mid);
}
.p-kicker {
font-family: var(--p-font-display);
font-style: italic;
font-size: 1.1rem;
color: var(--p-orange);
display: block;
margin-bottom: var(--p-space-2);
}
.p-label {
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--p-gray-light);
}
blockquote {
font-family: var(--p-font-display);
font-style: italic;
font-size: 1.4rem;
line-height: 1.5;
border-left: 3px solid var(--p-orange);
padding-left: var(--p-space-5);
margin: var(--p-space-6) 0;
color: var(--p-charcoal);
}
a { color: var(--p-orange); text-decoration: none; }
a:hover { text-decoration: underline; }
code {
font-family: var(--p-font-mono);
font-size: 0.85em;
background: var(--p-cream);
padding: 1px 6px;
border-radius: var(--p-radius-sm);
}
/* === LAYOUT === */
.p-container { max-width: 1200px; margin: 0 auto; padding: 0 var(--p-space-5); }
.p-container-sm { max-width: 760px; margin: 0 auto; padding: 0 var(--p-space-5); }
.p-container-xs { max-width: 640px; margin: 0 auto; padding: 0 var(--p-space-5); }
.p-section { padding: var(--p-space-9) 0; border-top: 1px solid var(--p-border); }
.p-section--dark { background: var(--p-charcoal); color: #fff; border-top-color: transparent; }
.p-section--warm { background: #FDF6F0; }
.p-section--cream { background: var(--p-cream-light); }
.p-section--peach { background: var(--p-peach); }
.p-rule { width: 48px; height: 2px; background: var(--p-orange); margin-bottom: var(--p-space-5); }
.p-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--p-space-5); }
.p-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--p-space-5); }
.p-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--p-space-5); }
/* === KORT === */
.p-card {
background: var(--p-warm-white);
border: 1px solid var(--p-border);
border-radius: var(--p-radius-lg);
padding: var(--p-space-6);
box-shadow: var(--p-shadow-sm);
}
.p-card--dark { background: var(--p-charcoal); color: #fff; border-color: transparent; }
.p-card--peach { background: var(--p-peach); border-color: transparent; }
.p-card--orange { background: var(--p-orange); color: #fff; border-color: transparent; }
/* === KNAPPER === */
.p-btn {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: var(--p-font-body);
font-size: 0.875rem;
font-weight: 500;
padding: 10px 22px;
border-radius: var(--p-radius-full);
border: none;
cursor: pointer;
text-decoration: none;
transition: all 0.18s ease;
}
.p-btn-primary { background: var(--p-orange); color: #fff; }
.p-btn-primary:hover { background: #D06820; transform: translateY(-1px); box-shadow: var(--p-shadow-md); text-decoration: none; }
.p-btn-secondary { background: transparent; color: var(--p-charcoal); border: 1.5px solid var(--p-charcoal); }
.p-btn-secondary:hover { background: var(--p-charcoal); color: #fff; text-decoration: none; }
.p-btn-ghost { background: transparent; color: var(--p-orange); padding-left: 0; padding-right: 0; border-bottom: 1.5px solid var(--p-orange); border-radius: 0; }
/* === TABELLER === */
.p-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; margin-bottom: var(--p-space-5); }
.p-table th {
text-align: left;
font-weight: 600;
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.08em;
border-bottom: 2px solid var(--p-charcoal);
padding: var(--p-space-2) var(--p-space-3);
color: var(--p-charcoal);
}
.p-table th:last-child, .p-table td:last-child { text-align: right; }
.p-table td { padding: var(--p-space-2) var(--p-space-3); border-bottom: 1px solid var(--p-border); color: var(--p-gray-mid); }
.p-table tr.total td { font-weight: 600; color: var(--p-charcoal); border-top: 2px solid var(--p-charcoal); border-bottom: none; }
/* === LISTER === */
.p-list { list-style: none; display: flex; flex-direction: column; gap: var(--p-space-2); }
.p-list li { display: flex; align-items: baseline; gap: var(--p-space-3); font-size: 0.9375rem; color: var(--p-gray-mid); }
.p-list li::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--p-orange); flex-shrink: 0; margin-top: 0.3em; }
/* === INFO BOX === */
.p-info {
background: rgba(144,190,99,0.1);
border: 1px solid rgba(144,190,99,0.3);
border-radius: var(--p-radius-md);
padding: var(--p-space-4) var(--p-space-5);
font-size: 0.875rem;
color: var(--p-gray-mid);
}
/* === RESPONSIVE === */
@media (max-width: 900px) {
.p-grid-3, .p-grid-4 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
.p-grid-2, .p-grid-3, .p-grid-4 { grid-template-columns: 1fr; }
.p-section { padding: var(--p-space-7) 0; }
}
AI-skill for Papaya
En skill-fil Margaret kan installere i sitt AI-verktøy slik at hun kan be Claude om å lage Papaya-dokumenter on-brand uten å måtte forklare profilen hver gang.
papaya-brand / SKILL.md
Kopier innholdet under og lagre som SKILL.md i en skill-mappe kalt papaya-brand.
# Papaya Brand Skill
Du er Papayas interne AI-assistent for design og kommunikasjon.
## Hvem er Papaya?
Papaya design & marketing a.s. er et norsk design- og markedsføringsbyrå spesialisert på eiendom, næringsliv og kultur. Vi kombinerer strategisk rådgivning med gjennomtenkt design og godt håndverk.
**Kontakt:**
Margaret Kallevig · margaret@papaya.no · +47 907 58 10
Saltboveien 25, 1560 Larkollen · papaya.no
## Tone og stil
- Profesjonell men varm — som en erfaren kollega, ikke et advokatfirma
- Tydelig og direkte — unngå unødvendig byråkratspråk
- Norsk bokmål som standard
- Kursiv ingress (2–3 setninger) i tilbud og rapporter
- Ingen klisjéer som "skreddersydde løsninger" eller "helhetlig approach"
## Farger (bruk alltid disse kodene)
- Orange accent: #E87827
- Grønn sekundær: #90BE63
- Kullsvart: #3A3A3A
- Kremhvit bakgrunn: #E8E6DB
- Varm hvit: #FDFCF9
- Fersken (dokumentbakgrunn): #F2CFC0
## Typografi
- Display/overskrifter: DM Serif Display (Google Fonts)
- Brødtekst/UI: DM Sans (Google Fonts)
- Begge støtter norsk Æ, Ø, Å
## Designprinsipper
- Orange prikk over Y i logoen er signaturelementet
- Vertikal strek (1px, orange eller charcoal) brukes på coversider
- Horisontal rule (48px × 2px, orange) under section-eyebrow
- 60% nøytral flate · 30% støttefarge · 10% orange accent
## Dokumentstruktur (tilbud / budsjett)
1. Forside: Kiker italic (prosjektnavn) + stor tittel + vertikal strek + fersken bakgrunn
2. Innledningsside: Tittel, kursiv ingress, brødtekst
3. Seksjoner med budsjett: DM Serif H2, orange rule, tabell
4. Fremdriftsplan: Uke-for-uke, punktlister med orange prikk
5. Standardvilkår: Fast tekst — se mal
6. Kontaktside: Margaret Kallevig + fersken-bakgrunn
## Standardvilkår (alltid med i tilbud)
- Priser eks. mva. om ikke annet er oppgitt
- Inkluderer to korrekturrunder
- Trykk, teknisk produksjon og mediekjøp faktureres separat
- Mediekjøp forhåndsfaktureres
- 14 dagers forfall
- Gyldighet: 30 dager fra dato
## Når du lager dokumenter
1. Bruk alltid DM Serif Display til overskrifter
2. Tabeller: venstre-justert beskrivelse, høyre-justert pris
3. Summer uthevet med border-top, bold tekst
4. Mva alltid spesifisert separat (25%)
5. Sluttsum alltid bold, uthevet
## AI-prompts for å lage Papaya-assets
**Forsidebilde:** "Minimal, stemningsfull bakgrunn i fersken (#F2CFC0) med tynn vertikal strek i orange (#E87827). Stiluttrykk: enkelt, moderne, norsk. Stående A4."
**LinkedIn-kort:** "Sitat i stor, tynn serif på kremhvit (#F5F3EE). Orange horisontal strek (48px×2px) over teksten. Papaya-navn diskret nede til venstre. 1200×628px."
**Moodboard:** "Varm, familievennlig norsk natur/eiendom. Blå/grå toner, naturlys. 16:9 landscape."
Papaya
design & marketing
Margaret Kallevig
margaret@papaya.no
+47 907 58 10
Saltboveien 25, 1560 Larkollen
papaya.no