formbasedocs
Gå til appenAppen

Merkevare og domener

Utseende og temaer

Farger, fonter, forhåndsinnstillinger, omslagsbilder og mørk modus. Gi hvert skjema en naturlig plass i merkevaren din.


Temapanel

Klikk på Tema (palettikon) i den øverste verktøylinjen. Panelet dokkes til høyre og forhåndsviser endringer umiddelbart.

Modus-bryteren (Lys/Mørk) øverst i panelet endrer hvilket fargevalg du redigerer. Hver modus lagrer egne temaverdier, slik at du kan finjustere begge uavhengig av hverandre.

Tema-velgeren under den viser arbeidsområdetemaene dine for den modusen først, og deretter de innebygde forhåndsinnstillingene. Bunnteksten viser Alle endringer lagret helt til du endrer noe; deretter vises Forkast og Lagre.

Forhåndsinnstillinger

Tema-velgeren har sju forhåndsinnstillinger for lys modus og ni for mørk. Hver av dem bruker et fullstendig sett med koordinerte farger, en font og hjørnerunding med ett klikk.

  • Standard formbase-tema — brukes automatisk på hvert nye skjema, ett per modus

  • Forhåndsinnstillinger — de kurerte temaene listet nedenfor

  • Egendefinert — «Bare dette skjemaet». Det velgeren viser så snart du endrer en verdi for hånd

Tilgjengelig på Gratis

Egendefinerte temaer, inkludert forhåndsinnstillinger og separat lys/mørk-styling, er tilgjengelig på alle planer. Se planer og priser.

Forhåndsinnstillinger for lys modus

ForhåndsinnstillingStil
Solarized LightVarm, lav kontrast med ravtoner
Atom One LightTydelig kontrast med blå aksenter
Catppuccin LatteVarm pastell med lilla og fersken
Rosé Pine DawnDempede rose- og furupasteller med iris-aksenter
Mint PaperFrisk blågrønn på elfenben med smaragdhøydepunkter
Coral ReefVarm fersken og korall med solkyssede aksenter
SunnyVarm gylden gul på elfenbenbunn

Forhåndsinnstillinger for mørk modus

ForhåndsinnstillingStil
DraculaMørk med livlige aksentfarger
MonokaiKlassisk mørk palett med varm grønn og oransje
Midnight SynthDyp midnatt med neon synthwave-glød
VulcanSlank og mørk med kjølige gråtoner og elektrisk blå
Tokyo NightMørk byfølelse med neon og indigo
Gruvbox DarkRetrovarme jordtoner med sennep og brent oransje
Rosé Pine MoonDempet plommenat med iris-aksenter
Forest NightDyp furu med mose og skogtoner
BlackKokssvart med gråskala — inspirert av Vercel

Arbeidsområdetemaer

Et arbeidsområdetema er et navngitt tema for én modus, lys eller mørk, som flere skjemaer deler. Bruk det til å holde alle skjemaer på merkevare: endre temaet én gang, så følger alle skjemaer som bruker det. For å dekke begge moduser, hold to temaer, for eksempel Acme Light og Acme Dark.

Opprett et arbeidsområdetema

  1. Åpne temapanelet på et skjema, velg Lys eller Mørk, og velg en forhåndsinnstilling eller juster fargene til skjemaet ser riktig ut.

  2. Klikk på Lagre som arbeidsområdetema under Tema-velgeren, og gi det et navn, for eksempel navnet på bedriften din.

Denne modusen av skjemaet er nå koblet til det nye temaet. Velgeren viser navnet og hvor mange skjemaer som bruker det.

Bruk det på et annet skjema

Åpne temapanelet på det andre skjemaet, velg temaet under Arbeidsområdetemaer, og klikk Lagre. Velgeren viser bare arbeidsområdetemaer for modusen du redigerer, så koble lys og mørk modus hver for seg.

Rediger et koblet skjema

Et koblet skjema redigeres som ethvert annet skjema. Så snart endringene dine avviker fra arbeidsområdetemaet, spør bunnteksten hvor de skal lagres:

  • Lagre til [temanavn] oppdaterer arbeidsområdetemaet og alle skjemaer som er koblet til det.

  • Lagre bare for dette skjemaet beholder endringen på dette skjemaet. Denne modusen slutter å følge arbeidsområdetemaet og blir et egendefinert tema.

Å bruke en forhåndsinnstilling på en koblet modus kobler den også fra. For å koble den til igjen, velg arbeidsområdetemaet fra velgeren og lagre.

Publiserte skjemaer oppdateres ved neste publisering

Å lagre et arbeidsområdetema endrer utkastet til alle koblede skjemaer med én gang. Respondenter ser det nye utseendet etter at hvert skjema publiseres på nytt, akkurat som med enhver annen endring. Koblede skjemaer viser Publiser endringer frem til da.

Gi nytt navn eller slett

På et koblet skjema, åpne ⋯-menyen ved siden av Tema-velgeren. Gi nytt navn endrer navnet overalt der temaet brukes. Slett fjerner temaet; skjemaer som brukte det, beholder utseendet sitt som et egendefinert tema.

Temakontroller

Velg en forhåndsinnstilling eller et arbeidsområdetema, og finjuster deretter typografi og farger. Hver farge beskriver et formål snarere enn én komponent. Hvis du for eksempel endrer Tekst, oppdateres sidetekst, spørsmålstitler, felttekst og alternativtekst samtidig. Hold musepekeren over navnet på en farge for å se hva den styrer. En prikk markerer farger du har endret, men ikke lagret.

Typografi

InnstillingHva den styrer
SkriftSkrifttype for skjemafelt, sidetekst og delte blokker. Elleve familier, listet nedenfor
StørrelseGrunnleggende tekststørrelse, 12–22 px. Relaterte etiketter og kontroller skaleres med den
HjørneradiusDelt hjørnerunding for inndatafelt, kort, alternativer og knapper, 0–32 px

Farger

Fargene er gruppert etter hvor de vises på skjemaet.

GruppeFargeHva den styrer
SideBakgrunnLerretet bak skjemaer, mediefelt og fokusavstander
SideTekstHovedtekst, spørsmålstitler, felttekst og alternativtekst
SideDempetDempede fyll, som tabelloverskrifter og hover-tilstander
SideDempet tekstBeskrivelser, hjelpetekst, plassholdere og bildetekster
SideLenkeInnebygde lenker i rik tekst og skjematekst
Felter og valgFeltInndatafelt, kort, popoverer, filrader og alternativer
Felter og valgKantKonturer for input, kort, alternativer, tabeller og opplasting
Felter og valgValgtFyll for valgte alternativer, samt hover- og dra-markeringer
Felter og valgValgt tekstTekst og ikoner på valgte flater
Felter og valgFokusringFokusringer, konturer for valgte elementer og aktive kanter
Knapper og feilKnappSend inn-/Neste-knapper, fremdriftslinjer og primærhandlinger
Knapper og feilKnappetekstTekst og ikoner på primærhandlinger
Knapper og feilFeilValideringsfeil, ugyldige kanter og mislykkede opplastinger
VurderingStjernekonturInaktive vurderingsstjerner
VurderingStjernefyllValgte vurderingsstjerner
VurderingPåkrevd-merkeObligatorisk asterisk på spørsmål

Vurdering-gruppen har også Stjernestørrelse, størrelsen på vurderingsstjerner i piksler, fra 12 til 48.

Fonter

formbase leveres med elleve skriftfamilier. Fonten du velger under Typografi, gjelder all tekst på skjemaet.

SkriftfamilieStil
Cal Sans UIStandard sans-serif for formbase
InterRen geometrisk sans-serif
ManropeModerne geometrisk sans-serif
ArialNøytral system-sans-serif
TahomaKompakt sans-serif
Times New RomanKlassisk serif
GeorgiaElegant skjermserif
LoraModerne kalligrafisk serif
Palatino LinotypeGammelstil-serif i bokstil
JetBrains MonoUtviklervennlig monospace
Comic Sans MSUformell og håndtegnet

Omslagsbildet og logoen sitter øverst på lerretet. Du setter dem opp direkte på lerretet — ikke inne i temapanelet. For en gjennomgang, se Forstå redigereren → Omslag og logo.

Mørk modus

formbase støtter mørk modus to steder: i dashbordet og i publiserte skjemaer.

Dashbord

Slå på mørk modus fra brukermenyen nederst i sidefeltet. Innstillingen følger kontoen din på tvers av enheter.

Publiserte skjemaer

Publiserte skjemaer følger respondentens systempreferanse som standard. Hvis enheten deres er i mørk modus, vises skjemaet i mørk modus.

Temaer for begge moduser

Hvis du bare setter opp et lyst tema, bruker skjemaet formbase sine standard mørke farger når mørk modus er aktiv. For full kontroll, sett opp begge fargevalg med lys/mørk-bryteren øverst i temapanelet.

Når du bytter mellom Lys og Mørk i temapanelet, endres dashbordet for å matche. Dette lar deg forhåndsvise temaet ditt i kontekst mens du redigerer.

Vanlige temamønstre

  • Matche merkevaren din — velg merkevarefonten din, sett knappefargen til din primære merkevarefarge, og last opp logoen din. Bruk en forhåndsinnstilling som utgangspunkt, og lagre deretter resultatet som et arbeidsområdetema, slik at alle skjemaer deler det.

  • Undersøkelse med mørk modus først — tving mørk modus via innbyggingsinnstillingene når du deler, og tilpass deretter det mørke fargevalget for lesbarhet. Bruk en høykontrast-aksent for den aktive vurderingsfargen slik at stjerner skiller seg ut på mørke bakgrunner.

  • Minimalistisk innbygging — sett Bakgrunn til å matche nettstedet ditt, skjul omslagsbildet og logoen i innbyggingsinnstillingene, bruk en dempet Kant-farge, og reduser hjørnerundingen til 0.

  • Leken quiz — velg Comic Sans MS, dra hjørnerundingen mot 32 for pillefasonger, bruk en lys Valgt-farge, og legg til et omslagsbilde fra Unsplash-fanen i omslagsvelgeren.

Merkevarebygging

Som standard viser publiserte skjemaer et lite formbase-merke. Slå det av med Vis formbase-merking i Skjemainnstillinger → Generelt. Å fjerne merket krever en Pro- eller Business-plan — se planer og priser.

Test både lys og mørk modus før publisering

Forhåndsvis skjemaet med system mørk modus aktivert før publisering. Logokontrast og aksentfarger trenger ofte en justering for den mørke varianten — spesielt omslagsbilder og knappefarger som ser flotte ut på lys bakgrunn, men som vaskes ut på mørk bakgrunn.

Neste steg