Style guide
Colours, type, buttons and components, in Nzinga colours. The full Nzinga design system lives on its own site.
Colours
Left half light mode, right half dark mode. Every swatch reads its live variable, so the Nzinga skin's values show here exactly as the site uses them.
Typography
Each sample uses the live class named under it. Sizes are desktop values; tablet and mobile sizes step down per breakpoint.
Buttons
Primary, Primary Small, Secondary and Secondary Small for light surfaces. Ghost and Ghost Small are outline buttons for dark sections. Each opens the full Nzinga design system on its own site.
Components
Is my voice used without my consent?
No. A recording is used only as its speaker chose, and anyone who has not consented is excluded. Withdrawing is never more than two taps away.
Which languages can I record?
Any language you speak. Pickers list your own languages first, then alphabetically.
Consent
Every speaker in a recording makes their own choice, recorded.
Hashing
Contacts hashed on the phone, never stored.
Section components (Benchmarks, CTA panel, CTA Terminal, Closing Split, Lottie card) are full-width and live on the pages that use them: Home 2, Home 3, Tokenizer, Network and App.
Forms
Native form elements with the shared classes field-label, field-input (combos is-select, is-textarea, is-error, is-disabled), form_consent and form_checkbox. Forms on this site send nothing.
Pixel icons · 18
Shown at 1.5x, with the template's blue turned to Nzinga magenta. Each icon is an SVG asset set through Icon tile, Feature row and Security cell.
Pixel Lotties · 4
Stills of the four Lottie animations, recoloured for Nzinga. Each has a light and a dark file; the pages that use them are Home 3, Tokenizer, Network and App.
Radius
16, 24 and pill are Base Collection variables (Radius/Small, Radius/Default, Radius/Button). 6, 10 and 20 px are set on the classes that use them: tags, icon tiles and inputs, cards.