latisengine.org

The lattice you already know, named.

This is the live background from ionic.games — the same WebGL2 march, the same glass and film textures — parked here as the face of Latis Engine. Move the pointer. The tubes turn with you.

Read the lux slots See the housings

Waking the lattice…

From the live site

ionic.games paints #lattice with a raymarched field of ribbed tubes. Latis is the engine under that canvas. You fill five lux tags. The engine sits them in every housing.

Latis UX

Put content in the dog. Latis clothes the screens.

The app designer does not layout a phone, then a tablet, then a wall. They drop copy and controls into five slots — hat, head, body, tail, foot. The engine reads those slots and seats them across a dozen-plus housings.

Top and side views of the lux robot dog, labeled Hatted, Headded, Bodyed, Tailed, and Footed — Hatted, Headded, Bodyed, Tailed, Footed — the five lux slots.

No slot selected

Pick a label on the dog. Empty until you do — those five tags are the whole contract.

<lux-hat>…</lux-hat>
<lux-head>…</lux-head>
<lux-body>…</lux-body>
<lux-tail>…</lux-tail>
<lux-foot>…</lux-foot>

You fill the tags. Latis maps them onto the twelve housings below — and any screen that arrives after. No per-device layout pass.

Twelve housings

Narrowest to widest

Tall Default through Curved Ultrawide. You still write five lux tags. Latis seats them in each glass. Pick a housing for the note.

12 · narrow → wide

narrow / tall → wide · 12 housings · same lux slots

No housing selected

Choose a device in the lineup or the cards. Empty on purpose — the lattice is already running behind every frame.