> A useful SPX template The Live Production Pack is designed to be a versatile tool to cover most streaming graphics needs such as lower thirds, name straps, information displays, titles, text lists, quotes and much. much more. --- > [!TIP] Get this item in the [SPX Store](https://spxgraphics.com/store/#product-Elemento:-Complete-Live-Production-Pack). Layout and design of Live Production Pack is carefully crafted to communicate professionalism and high quality and to improve the overall production value of your projects. Test the template before buying. (Please use a desktop browser.) You can match the templates to your brand by changing fonts, colors and various animation parameters. ![[Pasted image 20260302164348.png]] ## Pack contents The template pack is provided at checkout in two variations: as a zip file for manual installation or as an installer for Windows. The pack includes all required files (html, images, fonts, css styles, etc). All source code is left editable (ie: non-minified) for customization and adaptation. - Files delivered as a zip file at checkout for manual installation. For Windows, an installer is also available for automated setup. - 8 HTML templates (HD 1920x1080). see table below - Supporting files (such as fonts, images, javascript, etc) - Example logo files - Readme.pdf for installation and usage instructions and examples - Premium license allows you to use and modify the files within your organization - Free updates (bug fixes) for a year from purchase **Big Text**: Very big text center of the screen with headline. Can be used for example as a title of the stream or as a headline between seqments or as a quote. **Bottom Left:** A lower third, left side, name strap or other information with three optional text lines. **Bottom Right**: A lower third, right side, name strap or other information with three optional text lines. **Center**: A headline or title template with two text lines and a multiline textbox and an optional logo image from ASSETS/media/images/logo -folder **Column Left**: Headline and a multiline textarea for free texts such as lists or other information. Textarea supports inline html and CSS tags and emojis. **Column Right**: Headline and a multiline textarea for free texts such as lists or other information. Textarea supports inline html and CSS tags and emojis. **Top Left**: Text strap for additional info such as live, recorder earlier, date, location, hashtag etc. **Top Right**: Text strap for additional info such as live, recorder earlier, date, location, hashtag etc. ![[Pasted image 20260302164354.png]] ## Easy and flexible user controls Templates has input fields specific to each template, such as Name and Location or a dropdown list to choose a logo. Also every template has styling options to enable or disable text background and for inverting color style (dark texts with light background or light texts with dark backgrounds). Colors are specified in the configuration file globally for all templates in the pack. ![[Pasted image 20260302164357.png]] ## Customizations The Live Production Pack has a ton of options to tweak it's style and animation to meet the needs of your every project. - background colors - logo - fonts - text colors - brand accent colors - animation styles - animation speeds ![[Pasted image 20260302164401.png]] The Pack has options to change various parameters: elemento.css file for changing fonts and customize.js for customizing color schemas and animation parameters such as animation speed, direction and style. All parameters are documented in a [README,pdf](https://storage.googleapis.com/spx-gc-bucket-fi/StoreAssets/Elemento/README.pdf) file which comes with the pack. ![[Pasted image 20260302164405.png]] ### Color schemas The color schema of Live Production Pack has separate settings for custom dark and light texts and backgrounds and for brand accent colors. Each template has user controls for disabling or enabling a background and for inverting color schema between light-on-dark and dark-on-light settings. This allows for great variety of expression during production: one name strap might be light text without a background and second having dark text on a light background - or any other imaginable combination. ### Inline styling Text fields in templates are hackable with inline HTML and CSS styling for advanced styling. There is also a special <FOCUS> -tag with color preferences to emphasize a section with in texts. --- ## Read next - [[Installing Templates]] — how to install SPX templates and extensions - [[Two-Tone]] — a premium graphics package with accent color animations - [[Theme Files]] — customize template colors and fonts with CSS