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åndsinnstilling | Stil |
|---|---|
| Solarized Light | Varm, lav kontrast med ravtoner |
| Atom One Light | Tydelig kontrast med blå aksenter |
| Catppuccin Latte | Varm pastell med lilla og fersken |
| Rosé Pine Dawn | Dempede rose- og furupasteller med iris-aksenter |
| Mint Paper | Frisk blågrønn på elfenben med smaragdhøydepunkter |
| Coral Reef | Varm fersken og korall med solkyssede aksenter |
| Sunny | Varm gylden gul på elfenbenbunn |
Forhåndsinnstillinger for mørk modus
| Forhåndsinnstilling | Stil |
|---|---|
| Dracula | Mørk med livlige aksentfarger |
| Monokai | Klassisk mørk palett med varm grønn og oransje |
| Midnight Synth | Dyp midnatt med neon synthwave-glød |
| Vulcan | Slank og mørk med kjølige gråtoner og elektrisk blå |
| Tokyo Night | Mørk byfølelse med neon og indigo |
| Gruvbox Dark | Retrovarme jordtoner med sennep og brent oransje |
| Rosé Pine Moon | Dempet plommenat med iris-aksenter |
| Forest Night | Dyp furu med mose og skogtoner |
| Black | Kokssvart 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
Åpne temapanelet på et skjema, velg Lys eller Mørk, og velg en forhåndsinnstilling eller juster fargene til skjemaet ser riktig ut.
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
| Innstilling | Hva den styrer |
|---|---|
| Skrift | Skrifttype for skjemafelt, sidetekst og delte blokker. Elleve familier, listet nedenfor |
| Størrelse | Grunnleggende tekststørrelse, 12–22 px. Relaterte etiketter og kontroller skaleres med den |
| Hjørneradius | Delt hjørnerunding for inndatafelt, kort, alternativer og knapper, 0–32 px |
Farger
Fargene er gruppert etter hvor de vises på skjemaet.
| Gruppe | Farge | Hva den styrer |
|---|---|---|
| Side | Bakgrunn | Lerretet bak skjemaer, mediefelt og fokusavstander |
| Side | Tekst | Hovedtekst, spørsmålstitler, felttekst og alternativtekst |
| Side | Dempet | Dempede fyll, som tabelloverskrifter og hover-tilstander |
| Side | Dempet tekst | Beskrivelser, hjelpetekst, plassholdere og bildetekster |
| Side | Lenke | Innebygde lenker i rik tekst og skjematekst |
| Felter og valg | Felt | Inndatafelt, kort, popoverer, filrader og alternativer |
| Felter og valg | Kant | Konturer for input, kort, alternativer, tabeller og opplasting |
| Felter og valg | Valgt | Fyll for valgte alternativer, samt hover- og dra-markeringer |
| Felter og valg | Valgt tekst | Tekst og ikoner på valgte flater |
| Felter og valg | Fokusring | Fokusringer, konturer for valgte elementer og aktive kanter |
| Knapper og feil | Knapp | Send inn-/Neste-knapper, fremdriftslinjer og primærhandlinger |
| Knapper og feil | Knappetekst | Tekst og ikoner på primærhandlinger |
| Knapper og feil | Feil | Valideringsfeil, ugyldige kanter og mislykkede opplastinger |
| Vurdering | Stjernekontur | Inaktive vurderingsstjerner |
| Vurdering | Stjernefyll | Valgte vurderingsstjerner |
| Vurdering | Påkrevd-merke | Obligatorisk 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.
| Skriftfamilie | Stil |
|---|---|
| Cal Sans UI | Standard sans-serif for formbase |
| Inter | Ren geometrisk sans-serif |
| Manrope | Moderne geometrisk sans-serif |
| Arial | Nøytral system-sans-serif |
| Tahoma | Kompakt sans-serif |
| Times New Roman | Klassisk serif |
| Georgia | Elegant skjermserif |
| Lora | Moderne kalligrafisk serif |
| Palatino Linotype | Gammelstil-serif i bokstil |
| JetBrains Mono | Utviklervennlig monospace |
| Comic Sans MS | Uformell og håndtegnet |
Omslagsbilde og logo
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.