Features · Looks and languages
Your product’s look.
Your readers’ language.
Eight themes in the styles people know, three skins, light and dark, your own colours on top, and four languages built in with Arabic right to left in full. This record is live, in Arabic and dark.
Eight themes
Styles people already know, one line in the page
Material, Fluent, Apple, Bootstrap, shadcn, Ant Design, Odoo and Google Forms: each its own colours, shapes and type, light and dark, every pair of colours checked at WCAG AA.
- "look": { "theme": "material" }, or a viewer option
- Each theme light and dark, axe-clean in both
- Your accent, font, spacing and corners over any theme
- A theme switched in place, without drawing the form again
Light and dark
Dark when your app is, or when the reader’s system is
A page names its scheme, light, dark or the reader’s own, and every part follows: fields, tables, the chatter, dialogs. Or set your app’s colours with tokens, and they win over everything.
- light, dark or auto, by the page or the viewer
- Your own colours as tokens: one object, no stylesheet
- Every colour from Fieldia’s variables, none fixed
- Contrast checked in the browser, light and dark
Right to left
Arabic, turned in full
Every part reads right to left: labels, status bars, tables, dialogs and the chatter, with the reader’s numbers and dates. German and French are built in too.
- English, Arabic, German and French, each a small add-on script
- Right to left in full, from layout to icons
- Plurals and numbers in each language’s own rules
- Tested in Arabic in every framework
Your app’s own words
Your translations, through your own translator
A page can carry its words in several languages, or your app can hand Fieldia its own translator, and the page speaks it, labels, help and choices alike.
- A page’s own words in each language it keeps
- Your app’s translator for the rest
- Fieldia’s own words in four languages, or yours over them
- The designer’s Translations tab for the page’s words
Kept right
A look that is never at the reader’s cost
- AA, every themeEvery pair of colours a reader reads is checked at WCAG AA, light and dark.
- Your colours winA host’s own tokens or stylesheet rule win over the skin, the theme and the scheme, whole.
- Scoped to the formFieldia’s styles stay inside its forms; your page around them is untouched.
- SmallEach language is its own add-on of about four kilobytes.
Dress your first page in your product’s colours
Pick a theme, add your accent, and hand the viewer your tokens when your app turns dark.