Branding & Domeinen
Uiterlijk & thema
Kleuren, lettertypen, presets, omslagafbeeldingen en donkere modus. Laat elk formulier aanvoelen als een natuurlijk onderdeel van jouw merk.
Themapaneel
Klik op Thema (palet-icoon) in de bovenste werkbalk. Het paneel klapt rechts uit en toont wijzigingen direct als voorbeeld.
De schakelaar Modus (Licht / Donker) bovenaan het paneel bepaalt welk kleurenschema je bewerkt. Elke modus slaat zijn eigen themawaarden op, zodat je beide onafhankelijk kunt verfijnen.
De keuzelijst Thema daaronder toont eerst je werkruimtethema’s voor die modus, daarna de ingebouwde presets. De voettekst toont Alle wijzigingen opgeslagen totdat je iets wijzigt; daarna verschijnen Negeren en Opslaan.
Presets
De Thema-keuzelijst bevat zeven presets voor lichte modus en negen voor donkere modus. Elke preset past in één klik een volledig gecoördineerde set kleuren, een lettertype en hoekafronding toe.
Standaard formbase-thema — automatisch toegepast op elk nieuw formulier, één per modus
Presets — de samengestelde thema’s hieronder
Aangepast — “Alleen dit formulier”. Wat de keuzelijst toont zodra je handmatig een waarde wijzigt
Beschikbaar bij Free
Aangepaste thema’s, inclusief presets en aparte stijlen voor licht en donker, zijn beschikbaar op elk abonnement. Zie abonnementen & prijzen.
Presets lichte modus
| Preset | Stijl |
|---|---|
| Solarized Light | Warm, laag contrast met amber tinten |
| Atom One Light | Helder contrast met blauwe accenten |
| Catppuccin Latte | Warme pastels met mauve en perzik |
| Rosé Pine Dawn | Gedempte roos- en dennenpastels met irissen als accenten |
| Mint Paper | Fris blauwgroen op ivoor met smaragdgroene highlights |
| Coral Reef | Warm perzik en koraalrood met zonnige accenten |
| Sunny | Warm goudgeel op een ivoorbasis |
Presets donkere modus
| Preset | Stijl |
|---|---|
| Dracula | Donker met levendige accentkleuren |
| Monokai | Klassiek donker palet met warm groen en oranje |
| Midnight Synth | Diep middernachtsblauw met neon synthwave-gloed |
| Vulcan | Strak donker met koele grijstinten en elektrisch blauw |
| Tokyo Night | Donkere stadssfeer met neon en indigo |
| Gruvbox Dark | Retro warme aardtinten met mosterd en verbrand oranje |
| Rosé Pine Moon | Schemerende pruimnacht met irissen als accenten |
| Forest Night | Diep dennenbos met mos en bosachtige tinten |
| Black | Gitzwart met grijsschaal — geïnspireerd door Vercel |
Werkruimtethema’s
Een werkruimtethema is een benoemd thema voor één modus, licht of donker, dat meerdere formulieren delen. Gebruik er een om elk formulier on-brand te houden: wijzig het thema één keer en elk formulier dat het gebruikt, volgt automatisch. Om beide modi te thematiseren, houd je er twee aan, zoals Acme Light en Acme Dark.
Een werkruimtethema maken
Open het themapaneel op een formulier, kies Licht of Donker, en kies een preset of pas de kleuren aan totdat het formulier er goed uitziet.
Klik op Opslaan als werkruimtethema onder de keuzelijst Thema en geef het een naam, bijvoorbeeld de naam van je bedrijf.
Die modus van het formulier is nu gekoppeld aan het nieuwe thema. De keuzelijst toont de naam en het aantal formulieren dat het gebruikt.
Op een ander formulier gebruiken
Open het themapaneel op het andere formulier, kies het thema onder Werkruimtethema’s en sla het op met Opslaan rechtsonder. De keuzelijst toont alleen werkruimtethema’s voor de modus die je bewerkt, dus koppel de lichte en donkere modus apart.
Een gekoppeld formulier bewerken
Een gekoppeld formulier bewerk je zoals elk ander formulier. Zodra je wijzigingen afwijken van het werkruimtethema, vraagt de voettekst waar je ze wilt opslaan:
Opslaan in [themanaam] werkt het werkruimtethema bij, en elk formulier dat eraan gekoppeld is.
Alleen voor dit formulier opslaan houdt de wijziging op dit formulier. Die modus volgt het werkruimtethema niet langer en wordt een aangepast thema.
Een preset toepassen op een gekoppelde modus ontkoppelt deze ook. Om de modus opnieuw te koppelen, kies je het werkruimtethema in de keuzelijst en sla je op.
Gepubliceerde formulieren werken bij op hun volgende publicatie
Het opslaan van een werkruimtethema wijzigt meteen het concept van elk gekoppeld formulier. Respondenten zien de nieuwe look pas nadat elk formulier opnieuw is gepubliceerd, net als bij elke andere wijziging. Tot die tijd tonen gekoppelde formulieren Wijzigingen publiceren.
Hernoemen of verwijderen
Open op een gekoppeld formulier het ⋯-menu naast de keuzelijst Thema. Hernoemen wijzigt de naam overal waar het thema wordt gebruikt. Verwijderen verwijdert het thema; formulieren die het gebruikten behouden hun huidige uiterlijk als aangepast thema.
Thema-instellingen
Kies een preset of werkruimtethema en verfijn vervolgens de typografie en kleuren. Elke kleur beschrijft een doel in plaats van één onderdeel. Als je bijvoorbeeld Tekst wijzigt, worden paginatekst, vraagtitels, veldtekst en optietekst samen bijgewerkt. Beweeg over de naam van een kleur om te zien wat deze bepaalt. Een stip markeert kleuren die je hebt gewijzigd maar nog niet hebt opgeslagen.
Typografie
| Instelling | Wat het bepaalt |
|---|---|
| Lettertype | Lettertype voor formuliervelden, paginatekst en gedeelde blokken. Elf families, hieronder vermeld |
| Grootte | Basistekstgrootte, 12–22 px. Gerelateerde labels en bedieningselementen schalen mee |
| Hoekradius | Gedeelde hoekafronding voor invoervelden, kaarten, opties en knoppen, 0–32 px |
Kleuren
Kleuren zijn gegroepeerd op basis van waar ze op het formulier verschijnen.
| Groep | Kleur | Wat het bepaalt |
|---|---|---|
| Pagina | Achtergrond | Canvas achter formulieren, mediavakken en focusranden |
| Pagina | Tekst | Hoofdtekst, vraagtitels, veldtekst en optietekst |
| Pagina | Gedempt | Rustige opvullingen, zoals tabelkoppen en hover-statussen |
| Pagina | Gedempte tekst | Beschrijvingen, hulptekst, tijdelijke aanduidingen en bijschriften |
| Pagina | Link | Inline links in opgemaakte tekst en formuliertekst |
| Velden en keuzes | Veld | Invoervelden, kaarten, popovers, bestandsrijen en optievlakken |
| Velden en keuzes | Rand | Randen van invoervelden, kaarten, opties, tabellen en uploads |
| Velden en keuzes | Geselecteerd | Opvulling van geselecteerde opties, plus hover- en sleepaccenten |
| Velden en keuzes | Geselecteerde tekst | Tekst en pictogrammen op geselecteerde vlakken |
| Velden en keuzes | Focusring | Focusringen, randen van geselecteerde elementen en actieve randen |
| Knoppen en fouten | Knop | Verzenden/Volgende-knoppen, voortgangsbalken en primaire acties |
| Knoppen en fouten | Knoptekst | Tekst en pictogrammen op primaire acties |
| Knoppen en fouten | Fout | Validatiefouten, ongeldige randen en mislukte uploads |
| Beoordeling | Steromtrek | Inactieve beoordelingssterren |
| Beoordeling | Steropvulling | Geselecteerde beoordelingssterren |
| Beoordeling | Verplicht-teken | Verplicht sterretje bij vragen |
De groep Beoordeling heeft ook Stergrootte, de grootte van beoordelingssterren in pixels, van 12 tot 48.
Lettertypen
formbase levert elf lettertypefamilies. Het lettertype dat je kiest onder Typografie wordt toegepast op alle tekst in het formulier.
| Lettertypefamilie | Stijl |
|---|---|
| Cal Sans UI | Standaard sans-serif voor formbase |
| Inter | Strak geometrisch schreefloos |
| Manrope | Modern geometrisch schreefloos |
| Arial | Neutraal systeem-schreefloos |
| Tahoma | Compact schreefloos |
| Times New Roman | Klassiek schreeflettertype |
| Georgia | Elegant schreeflettertype voor schermen |
| Lora | Eigentijds kalligrafisch schreeflettertype |
| Palatino Linotype | Boekvriendelijk oldstyle-schreeflettertype |
| JetBrains Mono | Ontwikkelaarsvriendelijk monospace |
| Comic Sans MS | Speels handgeschreven |
Omslagafbeelding en logo
De omslagafbeelding en het logo staan bovenaan het canvas. Je stelt ze in direct op het canvas — niet in het themapaneel. Zie voor een uitleg De editor begrijpen → Omslag en logo.
Donkere modus
formbase ondersteunt donkere modus op twee plekken: het dashboard en gepubliceerde formulieren.
Dashboard
Schakel de donkere modus in via het gebruikersmenu onderaan de zijbalk. De instelling volgt je account op alle apparaten.
Gepubliceerde formulieren
Gepubliceerde formulieren volgen standaard de systeemvoorkeur van de respondent. Als hun apparaat in donkere modus staat, wordt het formulier in donkere modus weergegeven.
Beide modi opmaken
Als je alleen een licht thema hebt ingesteld, gebruikt het formulier de standaard donkere kleuren van formbase wanneer donkere modus actief is. Voor volledige controle stel je beide kleurenschema’s in met de licht/donker-schakelaar bovenaan het themapaneel.
Wanneer je in het themapaneel wisselt tussen Licht en Donker, past het dashboard zich aan om overeen te komen. Zo kun je je thema in context bekijken terwijl je het bewerkt.
Veelgebruikte themapatronen
Aansluiten bij je merk — kies je merklettertype, stel de kleur Knop in op je primaire merkkleur en upload je logo. Gebruik een preset als startpunt en sla het resultaat vervolgens op als werkruimtethema zodat elk formulier het deelt.
Donkere-modus-eerst enquête — dwing donkere modus af via de insluitinstellingen bij het delen, en pas daarna het donkere kleurenschema aan voor leesbaarheid. Gebruik een hoog-contrast accent voor de actieve beoordelingskleur zodat sterren opvallen op donkere achtergronden.
Minimalistisch ingesloten formulier — stel de kleur Achtergrond in zodat die overeenkomt met je website, verberg de omslagafbeelding en het logo in de insluitinstellingen, gebruik een rustige kleur Rand, en verlaag de hoekradius naar 0.
Speelse quiz — kies Comic Sans MS, duw de hoekradius richting 32 voor pilvormen, gebruik een felle kleur Geselecteerd, en voeg een omslagafbeelding toe vanuit het tabblad Unsplash in de omslagkiezer.
Branding
Gepubliceerde formulieren tonen standaard een kleine formbase-badge. Schakel dit uit met Toon formbase-branding in Formulierinstellingen → Algemeen. Het verwijderen van de badge vereist een Pro- of Business-abonnement — zie abonnementen & prijzen.
Test zowel lichte als donkere modus voor publicatie
Bekijk een voorbeeld van je formulier met donkere modus ingeschakeld vóór publicatie. Logocontrast en accentkleuren hebben vaak een kleine aanpassing nodig voor de donkere variant — vooral omslagafbeeldingen en knopkleuren die er goed uitzien op een lichte achtergrond maar vervagen op een donkere.