Translator App UI

Lingua is a translator app UI design built around Crisp Paper Clarity: warm paper-white backgrounds, near-black ink text, and a single confident cobalt accent reserved only for the active language direction and the translate action. There are no cards or drop shadows; input and output stack as two tonal panels divided by a single hairline rule, so each screen reads with the calm of a well-typeset phrasebook.

The template ships six connected screens that form a complete translation flow: a dual-pane Translate screen with romanization and a speaker action, a two-sided Conversation view with a hold-to-speak mic, a live Camera translate viewfinder that swaps detected text inline, a categorized Phrasebook of saved phrases, a searchable Languages list with offline-ready markers, and a day-grouped History list. The signature "swap pivot", a center-mounted circular cobalt button with interlocking arrows, recurs as the visual anchor that flips the input and output stack.

Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.