Legion Engine
Legion 5 · Panel design

Forms that look designed, for every module.

Every Legion module gets the same add and edit form: one label row, one 44-pixel box, one line of help. More than thirty field types, one look, in light and dark, Arabic and English, on a phone or a wide screen.

One height for everything

Text, lists, switches, dates and choices are all 44 px tall, so any two fields side by side line up.

Three lines per field

The label on top, the box, and one line of help. The full help opens from the (?) next to the label.

Switches in a box

A checkbox is a switch inside the same box as a text field, with its own label above it.

Choices that fit

Up to four short options become one segmented bar. More become tiles, with brand icons for platforms.

Files in a row

One file is a single row with its thumbnail. Many files become a gallery across the full width.

Errors with words

Save checks required fields first: red boxes, the reason under each, and a count on the tab that holds them.

Widths by type

A field with no width set gets one from its type: numbers and switches a quarter, text and lists a half, long text the full row.

Arabic, dark, phone

Every box follows the page direction, both themes and the phone layout, with no extra work per module.

Click around. It works.

Switches, choices and tiles respond as they do in the panel. Change the theme and the brand colour: every site uses its own.

Brand

Sample data only. The same forms run in every Legion 5 panel.