Designguide · v1.0
SwingPal

En diskret samtale
for dere to.

SwingPal er ikke en datingapp. Det er et rolig, privat rom hvor par kan snakke om ønsker, grenser, sjalusi og forventninger — før dere tar neste steg. Denne guiden holder merkevaren varm, voksen og konsekvent på tvers av mennesker og maskiner.

Kompass

Hvor er dere nå?

M
H
NysgjerrighetEnige
TrygghetSnakk mer
GrenseklarhetEnige
SamstemthetSnakk mer
01 · Fundament

Merkevareprinsipper

Fem prinsipper som styrer alt — fra en knapp-tekst til en helskjerms-illustrasjon.

Diskret før alt

Ingen offentlig profil, ingen fremmede, ingen visning utenfor rommet.

Voksen, aldri eksplisitt

Sensuell, varm, moden — men aldri pornografisk eller cheesy.

Samtale før handling

Vi hjelper par å snakke først. Ingen matching, ingen swipe.

Klarhet uten dom

Innsikt er samtaleveiledning — aldri en score som gjør noen til taper.

Rolig og trygt tempo

Progressiv avdekking. Det tryggeste tempoet begge faktisk tåler.

03 · Farge

Fargepalett

Plum og aubergine er ryggraden. Cream er pusten. Champagne er handlingen. Rose er varmen. Signalfarger brukes kun for grenser og enighet — aldri som dekor.

Merkevarefarger

Deep Plum

#2A102C
--plum

Primær identitet, mørke flater, tekst.

Warm Aubergine

#4B244A
--aubergine

Dybde, hover, gradienter.

Soft Rose

#D99AA5
--rose

Varm sensuell aksent.

Champagne

#F4D8B4
--champagne

Primær CTA-bakgrunn.

Cream

#FFF7EE
--cream

Lys, lesbar overflate.

Ink

#18121A
--ink

Dyp tekst mot cream.

Grensesignaler
Grønn
#6FAF8E
Ja / nysgjerrig
Gul
#E7B95E
Snakk mer først
Rød
#D96C6C
Nei / ikke nå

Aldri farge alene: signaler pares alltid med tekst og et lite ikon. Fargen er dempet og voksen — ingen skarpe trafikklys-toner.

04 · Type

Typografi

Manrope — varm, tydelig, moderne. Én familie, maks tre vekter (400, 600, 700). Lesbarhet vinner alltid over kreativ typesetting.

Display
Manrope · 700 · -0.02em
En diskret samtale for dere to.
H1
Manrope · 700
Hvor er dere i utforskningen nå?
H2
Manrope · 600
Grenser som møtes
H3
Manrope · 600
Neste steg sammen
Body large
Manrope · 400 · 18/28
Ta dere god tid. Det tryggeste tempoet er det tempoet begge faktisk tåler.
Body
Manrope · 400 · 16/26
Gult betyr ikke nei. Det betyr: snakk mer først.
Small
Manrope · 400 · 14/22
Bare du ser svaret ditt til begge har svart.
Eyebrow
Manrope · 600 · caps
KOMPASS
05 · Komponenter

UI-komponenter

Runde former, generøs padding, myke skygger. Én tydelig handling per skjerm. Kort med 24 px radius, knapper som piller.

Knapper
Chips
KlarhetTrygghetGrenserRefleksjonDebriefKompass
Grensekart
Ja
Kysse andre foran hverandre
Begge nysgjerrige.
Snakk mer
Delta samme rom, ikke samtidig
Snakk mer først.
Nei nå
Overnatting hos andre alene
Ikke nå — kanskje senere.
Skjema

Bare du ser svaret ditt til begge har svart.

Partnerinvitasjon
Venter på svar
Hanne
H
06 · Produkt

Roligste relasjonscockpit

Dashboardet svarer på ett spørsmål: hvor er dere i utforskningen nå? Reisen har fem rolige stadier. Kompasset viser retning — aldri en dom.

Dashboard

Hvor er dere i utforskningen nå?

M
H
Partner tilkoblet
Marte & Hanne
ReisenSteg 2 av 5
UtforskSammenlignAvklarPlanleggReflekter
Anbefalt neste steg
Lag grensekart sammen

Tar ca. 12 minutter. Dere svarer hver for dere.

Partnerinnsikt

Her møtes dere

  •  
    Her er dere enige
    Diskresjon er viktigst for begge.
  •  
    Dette virker trygt å utforske videre
    Å møte andre par til en drink.
  •  
    Her bør dere snakke mer
    Hva teller egentlig som «utro»?
  •  
    Dette kan vente
    Overnatting hos andre alene.
Ventestatus

Vi venter på Hanne sitt svar.

Når begge har svart, låser vi opp innsikten sammen.

07 · Landingsside

Første inntrykk

Roen kommer først. Ett løfte, én handling. Ingen matching, ingen offentlig profil, ingen fremmede — sagt tydelig, ikke som småskrift.

SwingPal

Nysgjerrige på swinging — men vil gjøre det riktig?

SwingPal hjelper dere å snakke om ønsker, grenser, sjalusi og forventninger før dere tar neste steg. Diskret, strukturert og bare for dere to.

Ingen matching. Ingen offentlig profil. Ingen meldinger fra fremmede.

Klarhet
Hva vil vi egentlig?
Trygghet
Hvor går grensene?
Innsikt
Hvor er vi enige og uenige?
Refleksjon
Hva lærte vi etterpå?
08 · Stemme

Språk & tone

Skriv som en klok venn som har vært der før — voksen, varm og uten dom. Norsk bokmål. Korte setninger. Ingen klisjeer, ingen alarm.

Ord vi bruker
  • · Snakk sammen først
  • · Grenser som møtes
  • · Trygt tempo
  • · Utforsk sammen
  • · Vær nysgjerrig, ikke krevende
  • · Bare for dere to
Ord vi unngår
  • · Match, swipe, hookup
  • · «Spice things up»
  • · Risk score, mismatch, failure
  • · Hjerter, flammer, hengelåser
  • · Klinisk terapispråk
  • · Neon, klubb, «wild night»
Eksempelmikrokopi
Dette handler ikke om å prestere. Det handler om å forstå hverandre.
Gult betyr ikke nei. Det betyr: snakk mer først.
Uenighet er ikke et problem. Uuttalte forventninger er problemet.
Ta dere god tid. Det tryggeste tempoet er det tempoet begge faktisk tåler.
09 · I praksis

Do & don't

Konkrete sjekklister når du er i tvil. Hvis noe bryter kolonnen til høyre — finn en roligere måte.

Do
  • · Bruk plum + champagne + rose med generøs luft.
  • · Snakk til begge partnere, ikke til «brukeren».
  • · Én tydelig handling per skjerm.
  • · Beskriv innsikt som samtaleveiledning.
  • · Pak signalfarger med tekst og ikon.
Don't
  • · Ikke bruk hjerter, flammer eller hengelåser.
  • · Ikke bygg feed, matching eller offentlig profil.
  • · Ikke bruk neon eller nattklubb-estetikk.
  • · Ikke vis en total «score» som gjør noen til taper.
  • · Ikke bruk pornografiske eller cheesy visuelle grep.
10 · For utviklere

Design tokens

Lim disse rett inn i et nytt prosjekt. Bruk alltid semantiske tokens — aldri hardkodede hex-verdier i komponenter.

CSS · :root
:root {
  /* Brand */
  --plum: #2A102C;
  --aubergine: #4B244A;
  --rose: #D99AA5;
  --champagne: #F4D8B4;
  --cream: #FFF7EE;
  --ink: #18121A;

  /* Signal (boundary states) */
  --signal-green: #6FAF8E;   /* Ja / nysgjerrig */
  --signal-yellow: #E7B95E;  /* Snakk mer først */
  --signal-red: #D96C6C;     /* Nei / ikke nå */

  /* Semantic */
  --background: #FFF7EE;
  --foreground: #18121A;
  --surface: #FFFBF4;
  --muted: #F1E2CE;
  --muted-foreground: #6B5A5F;
  --border: #EAD8C0;
  --primary: #2A102C;
  --primary-foreground: #FFF7EE;
  --accent: #F4D8B4;
  --ring: #4B244A;

  /* Shape */
  --radius-card: 24px;
  --radius-button: 999px;
  --shadow-soft: 0 8px 30px -12px rgba(24,18,26,0.18);

  /* Type */
  --font-display: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif;
}
11 · Inkluderende

Tilgjengelighet

Diskret er også tilgjengelig. Disse reglene er ikke valgfrie.

· WCAG AA: minst 4.5:1 kontrast på tekst, 3:1 på UI-elementer.
· Minimum 44 × 44 px treffareal på alle knapper.
· Aldri farge alene — signaler pares med tekst og ikon.
· Tydelige fokus-ringer i aubergine på cream, rose på plum.
· Full tastaturnavigasjon i alle flyter.
· Respekter prefers-reduced-motion. Ingen store bevegelser.
12 · Maskinlesbart

For KI-agenter

ChatGPT, Claude, Lovable, Cursor og andre KI-verktøy kan ha vanskelig for å lese et vanlig designnettsted. Derfor publiserer vi guiden i maskinlesbare formater — så alt som lages med KI holder seg innenfor SwingPal-merkevaren.

Standard-prompt til AI
Du designer/skriver for SwingPal.
Følg den offisielle designguiden på https://designguide.swingpal.com.
Last og bruk:
  - https://designguide.swingpal.com/llms.txt        (regler, tone, prinsipper)
  - https://designguide.swingpal.com/designguide.json (farger, typografi, tokens)

Krav:
- Bruk semantiske CSS-tokens (--plum, --champagne, --rose, --cream, --ink), aldri hardkodede hex.
- Font: Manrope, kun vekter 400 / 600 / 700. Aldri Poppins, aldri neon, aldri klubb.
- Norsk bokmål. Varm, voksen, ikke-dømmende tone.
- Bruk ord som "snakk sammen først", "grenser som møtes", "trygt tempo".
- Unngå "match", "hookup", "risk score", "mismatch", "spice things up".
- Aldri eksplisitte bilder eller generiske dating-app-mønstre.
- Ved tvil: velg den roligste, mest diskrete varianten.