Marka ve Alan Adları
Görünüm ve tema
Renkler, yazı tipleri, ön ayarlar, kapak görselleri ve koyu mod. Her formu markanızın doğal bir parçası gibi hissettirin.
Tema paneli
Üst araç çubuğundaki Tema (palet simgesi) seçeneğine tıklayın. Panel sağ tarafa sabitlenir ve değişiklikleri anında önizler.
Panelin üstündeki Mod düğmesi (Açık / Koyu), hangi renk şemasını düzenlediğinizi değiştirir. Her mod kendi tema değerlerini saklar; bu sayede ikisini bağımsız olarak ince ayarlayabilirsiniz.
Altındaki Tema seçici önce o mod için çalışma alanı temalarınızı, ardından yerleşik ön ayarları listeler. Alt bilgi, siz bir şey değiştirene kadar Tüm değişiklikler kaydedildi yazısını gösterir; ardından İptal Et ve Kaydet seçenekleri belirir.
Ön ayarlar
Tema seçici, açık mod için yedi ve koyu mod için dokuz ön ayar taşır. Her biri tek tıklamayla koordineli bir renk seti, bir yazı tipi ve köşe yuvarlaklığı uygular.
formbase varsayılan — her yeni forma otomatik olarak uygulanır, her mod için birer tane
Ön ayarlar — aşağıda listelenen özenle seçilmiş temalar
Özel — “Yalnızca bu form”. Herhangi bir değeri elle değiştirdiğinizde seçicinin gösterdiği şey
Ücretsiz planda kullanılabilir
Ön ayarlar ve ayrı açık/koyu stiller dahil olmak üzere özel temalar her planda kullanılabilir. Bkz. planlar ve fiyatlandırma.
Açık mod ön ayarları
| Ön ayar | Stil |
|---|---|
| Solarized Light | Amber tonlarıyla sıcak, düşük kontrastlı |
| Atom One Light | Mavi vurgularla net kontrast |
| Catppuccin Latte | Mor ve şeftali tonlarıyla sıcak pastel |
| Rosé Pine Dawn | İris vurgularla soluk gül ve çam pasteli |
| Mint Paper | Fildişi zemin üzerinde taze yeşil-mavi, zümrüt vurgular |
| Coral Reef | Güneş dokunuşlu vurgularla sıcak şeftali ve mercan |
| Sunny | Fildişi zemin üzerinde sıcak altın sarısı |
Koyu mod ön ayarları
| Ön ayar | Stil |
|---|---|
| Dracula | Canlı vurgu renkleriyle karanlık |
| Monokai | Sıcak yeşil ve turuncuyla klasik karanlık palet |
| Midnight Synth | Neon synthwave parıltısıyla derin gece mavisi |
| Vulcan | Serin griler ve elektrik mavisiyle şık karanlık |
| Tokyo Night | Neon ve çivit mavisiyle karanlık kentsel his |
| Gruvbox Dark | Hardal ve yanık turuncuyla retro sıcak toprak |
| Rosé Pine Moon | İris vurgularla loş erik gecesi |
| Forest Night | Yosun ve orman tonlarıyla derin çam |
| Black | Gri tonlarıyla saf siyah — Vercel'den ilham |
Çalışma alanı temaları
Çalışma alanı teması, birden çok formun paylaştığı, tek bir mod (açık veya koyu) için adlandırılmış bir temadır. Her formu marka kimliğinize uygun tutmak için birini kullanın: temayı bir kez değiştirin, onu kullanan tüm formlar bu değişikliği izlesin. Her iki modu da temalandırmak için iki tane tutun, örneğin Acme Light ve Acme Dark.
Çalışma alanı teması oluşturma
Bir formda tema panelini açın, Açık veya Koyu seçin ve form istediğiniz gibi görünene kadar bir ön ayar seçin veya renkleri ayarlayın.
Tema seçicinin altındaki Çalışma alanı teması olarak kaydet seçeneğine tıklayın ve şirketinizin adı gibi bir ad verin.
Formun o modu artık yeni temaya bağlıdır. Seçici, temanın adını ve kaç formda kullanıldığını gösterir.
Başka bir formda kullanma
Diğer formda tema panelini açın, Çalışma alanı temaları altından temayı seçin ve Kaydet’e tıklayın. Seçici yalnızca düzenlediğiniz mod için çalışma alanı temalarını listeler; bu yüzden açık ve koyu modları ayrı ayrı bağlayın.
Bağlı bir formu düzenleme
Bağlı bir form, diğer formlar gibi düzenlenir. Değişiklikleriniz çalışma alanı temasından farklılaşır farklılaşmaz, alt bilgi bu değişikliklerin nereye kaydedileceğini sorar:
[Tema adı] içine kaydet çalışma alanı temasını ve ona bağlı tüm formları günceller.
Yalnızca bu form için kaydet değişikliği yalnızca bu formda tutar. O mod, çalışma alanı temasını izlemeyi bırakır ve özel bir temaya dönüşür.
Bağlı bir moda ön ayar uygulamak, bağlantısını da kaldırır. Yeniden bağlamak için seçiciden çalışma alanı temasını seçin ve kaydedin.
Yayımlanan formlar bir sonraki yayımlamada güncellenir
Bir çalışma alanı temasını kaydetmek, bağlı her formun taslağını hemen değiştirir. Yanıtlayanlar, tıpkı diğer düzenlemelerde olduğu gibi, her form yeniden yayımlandıktan sonra yeni görünümü görür. O ana kadar bağlı formlarda Değişiklikleri yayımla yazısı görünür.
Yeniden adlandırma veya silme
Bağlı bir formda, Tema seçicinin yanındaki ⋯ menüsünü açın. Yeniden adlandır, temanın adını kullanıldığı her yerde değiştirir. Sil, temayı kaldırır; onu kullanan formlar mevcut görünümlerini özel tema olarak korur.
Tema kontrolleri
Bir ön ayar veya çalışma alanı teması seçin, ardından tipografi ve renkleri ince ayarlayın. Her renk, tek bir bileşeni değil bir amacı tanımlar. Örneğin Metin’i değiştirmek; sayfa metnini, soru başlıklarını, alan metnini ve seçenek metnini birlikte günceller. Bir rengin ne işe yaradığını görmek için adının üzerine gelin. Bir nokta, değiştirdiğiniz ama kaydetmediğiniz renkleri işaretler.
Tipografi
| Ayar | Neyi kontrol eder |
|---|---|
| Yazı tipi | Form alanları, sayfa metni ve paylaşılan bloklar için yazı karakteri. On bir yazı ailesi, aşağıda listelenmiştir |
| Boyut | Temel metin boyutu, 12–22 px. İlgili etiketler ve kontroller buna göre ölçeklenir |
| Köşe yarıçapı | Giriş alanları, kartlar, seçenekler ve düğmeler için ortak köşe yuvarlaklığı, 0–32 px |
Renkler
Renkler, formda nerede göründüklerine göre gruplandırılır.
| Grup | Renk | Neyi kontrol eder |
|---|---|---|
| Sayfa | Arka plan | Formların, medya alanlarının arkasındaki zemin ve odak ofsetleri |
| Sayfa | Metin | Ana metin, soru başlıkları, alan metni ve seçenek metni |
| Sayfa | Soluk | Tablo başlıkları ve üzerine gelme durumları gibi sessiz dolgular |
| Sayfa | Soluk metin | Açıklamalar, yardımcı metinler, yer tutucular ve alt yazılar |
| Sayfa | Bağlantı | Zengin metin ve form metnindeki satır içi bağlantılar |
| Alanlar ve seçenekler | Alan | Giriş alanları, kartlar, popover'lar, dosya satırları ve seçenekler |
| Alanlar ve seçenekler | Kenarlık | Giriş alanı, kart, seçenek, tablo ve yükleme kenarlıkları |
| Alanlar ve seçenekler | Seçili | Seçili seçenek dolguları ile üzerine gelme ve sürükleme vurguları |
| Alanlar ve seçenekler | Seçili metin | Seçili yüzeylerdeki metin ve simgeler |
| Alanlar ve seçenekler | Odak halkası | Odak halkaları, seçili anahatlar ve etkin kenarlıklar |
| Düğmeler ve hatalar | Düğme | Gönder/İleri düğmeleri, ilerleme çubukları ve birincil işlemler |
| Düğmeler ve hatalar | Düğme metni | Birincil işlemlerdeki metin ve simgeler |
| Düğmeler ve hatalar | Hata | Doğrulama hataları, geçersiz kenarlıklar ve yükleme hataları |
| Puanlama | Yıldız kenarlığı | Etkin olmayan Puanlama yıldızları |
| Puanlama | Yıldız dolgusu | Seçili Puanlama yıldızları |
| Puanlama | Zorunlu işareti | Form sorularındaki zorunlu yıldız işareti |
Puanlama grubunda ayrıca Puanlama yıldızlarının piksel cinsinden boyutu olan Yıldız boyutu ayarı da bulunur, 12’den 48’e kadar.
Yazı tipleri
formbase on bir yazı tipi ailesiyle birlikte gelir. Tipografi altında seçtiğiniz yazı tipi formdaki tüm metne uygulanır.
| Yazı tipi ailesi | Stil |
|---|---|
| Cal Sans UI | formbase için varsayılan sans-serif |
| Inter | Temiz geometrik sans-serif |
| Manrope | Modern geometrik sans-serif |
| Arial | Nötr sistem sans-serif |
| Tahoma | Kompakt sans-serif |
| Times New Roman | Klasik serif |
| Georgia | Zarif ekran serifi |
| Lora | Çağdaş kaligrafi serifi |
| Palatino Linotype | Kitap tarzı eski stil serif |
| JetBrains Mono | Geliştirici dostu monospace |
| Comic Sans MS | Rahat el yazısı görünümü |
Kapak görseli ve logo
Kapak görseli ve logo, tuvalin üst kısmında yer alır. Bunları tema panelinin içinde değil, doğrudan tuval üzerinde ayarlarsınız. Adım adım anlatım için bkz. Düzenleyiciyi anlama → Kapak ve logo.
Koyu mod
formbase, koyu modu iki yerde destekler: kontrol paneli ve yayımlanan formlar.
Kontrol paneli
Koyu modu, kenar çubuğunun altındaki kullanıcı menüsünden açıp kapatın. Ayar, cihazlar arasında hesabınızla birlikte gelir.
Yayımlanan formlar
Yayımlanan formlar, varsayılan olarak yanıtlayanın sistem tercihini izler. Cihazları koyu moddaysa form koyu modda gösterilir.
Her iki modu temalandırma
Yalnızca açık bir tema kurduysanız form, koyu mod etkinken formbase’in varsayılan koyu renklerini kullanır. Tam kontrol için tema panelinin üstündeki açık/koyu geçiş düğmesini kullanarak her iki renk şemasını da ayarlayın.
Tema panelinde Açık ve Koyu arasında geçiş yaptığınızda kontrol paneli de buna göre değişir. Bu sayede düzenlerken temanızı bağlam içinde önizleyebilirsiniz.
Yaygın tema kalıpları
Markanıza uydurun — marka yazı tipinizi seçin, Düğme rengini birincil marka renginize ayarlayın ve logonuzu yükleyin. Başlangıç noktası olarak bir ön ayar kullanın, ardından sonucu bir çalışma alanı teması olarak kaydedin; böylece her form onu paylaşır.
Koyu mod öncelikli anket — paylaşırken gömme ayarları üzerinden koyu modu zorunlu kılın, ardından okunabilirlik için koyu renk şemasını özelleştirin. Yıldızların koyu arka planlarda öne çıkması için etkin puanlama rengi olarak yüksek kontrastlı bir vurgu kullanın.
Minimalist gömme — Arka plan rengini web sitenizle eşleşecek şekilde ayarlayın, gömme ayarlarında kapak görselini ve logoyu gizleyin, sessiz bir Kenarlık rengi kullanın ve köşe yarıçapını 0’a düşürün.
Eğlenceli quiz — Comic Sans MS seçin, hap şekilleri için köşe yarıçapını 32’ye doğru itin, parlak bir Seçili rengi kullanın ve kapak seçicinin Unsplash sekmesinden bir kapak görseli ekleyin.
Markalama
Varsayılan olarak, yayımlanan formlar küçük bir formbase rozeti gösterir. Bunu Form ayarları → Genel bölümündeki formbase Markasını Göster ile kapatın. Rozeti kaldırmak Pro veya Business plan gerektirir — bkz. planlar ve fiyatlandırma.
Yayımlamadan önce hem açık hem de koyu modu test edin
Yayımlamadan önce formunuzu sistem koyu modu etkinken önizleyin. Logo kontrastı ve vurgu renkleri koyu varyant için genellikle küçük bir ayar gerektirir — özellikle açık arka planda harika görünen ama koyu arka planda solan kapak görselleri ve düğme renkleri için.