designing-layouts

The rendering pipeline processes SVG templates through Tera substitution, then resvg, and finally into a pixmap. This pipeline transforms raw SVG files into rendered LCD layouts while enforcing strict layout conventions and theme-aware defaults for visual consistency.

Extending the rendering engine to support new CSS properties, images, or sensor data providers is accomplished by using the provided engine references. These references document how to add custom CSS extensions and utilize history-frontmatter for buffering sensor data within your SVG layouts.

Creating Thermalwriter LCD interfaces requires strict layout conventions including explicit height constraints, proper document order, and theme-aware defaults. These rules ensure that component primitives like background, graph, panels, and text compose correctly into a visually compelling 480x480 screen.

HTML fallbacks are supported for Thermalwriter layouts alongside the primary SVG-based approach. This allows you to craft interfaces that maintain visual clarity and consistency even when SVG rendering is not available, while still adhering to the modular component model.

Previewing and reviewing a Thermalwriter LCD layout file is done by modifying a 480x480 SVG-based layout and using the provided preview tool. This allows you to check visual clarity, verify explicit height constraints, and ensure theme-aware defaults are correctly applied.