https://www.niagaraui.com/blogs/news/niagara-graphics-standards-a-quick-reference 2026-08-14T15:06:20-04:00 weekly https://cdn.shopify.com/s/files/1/0986/3190/9740/articles/cover-graphics-standards-v2.png?v=1786723645 Niagara Graphics Standards: A Quick Reference Abstract Niagara UI style guide illustration: colour swatch row and a spacing scale ladder https://www.niagaraui.com/blogs/news/how-to-build-a-responsive-page 2026-08-14T15:06:20-04:00 weekly https://cdn.shopify.com/s/files/1/0986/3190/9740/articles/cover-responsive-page-v2.png?v=1786723646 How to Build a Responsive Page Abstract illustration of one layout drawn at phone, tablet and desktop widths https://www.niagaraui.com/blogs/news/relative-units-explained-em-rem-and 2026-08-14T15:06:20-04:00 weekly https://cdn.shopify.com/s/files/1/0986/3190/9740/articles/cover-relative-units-v2.png?v=1786723647 Relative Units Explained: em, rem, and % Abstract illustration of nested squares scaling down, representing relative CSS units https://www.niagaraui.com/blogs/news/color-palette-accessibility-basics 2026-08-14T15:06:20-04:00 weekly https://cdn.shopify.com/s/files/1/0986/3190/9740/articles/cover-colour-accessibility-v2.png?v=1786723648 Color Palette & Accessibility Basics Abstract illustration of colour contrast pairs beside circle, triangle and square status shapes https://www.niagaraui.com/blogs/news/typography-guidelines-for-ui-kits 2026-08-14T15:06:20-04:00 weekly https://cdn.shopify.com/s/files/1/0986/3190/9740/articles/cover-typography-ui-kits-v2.png?v=1786723648 Typography Guidelines for UI Kits Abstract type scale illustration with descending text blocks and a size reference table https://www.niagaraui.com/blogs/news/grid-systems-101 2026-08-14T15:06:20-04:00 weekly https://cdn.shopify.com/s/files/1/0986/3190/9740/articles/cover-grid-systems-v2.png?v=1786723649 Grid Systems 101 Abstract six column grid illustration with UI blocks snapped across the columns https://www.niagaraui.com/blogs/news/optimizing-images-for-the-web 2026-08-14T15:06:20-04:00 weekly https://cdn.shopify.com/s/files/1/0986/3190/9740/articles/cover-optimizing-images-v2.png?v=1786723650 Optimizing Images for the Web Abstract illustration of an image placeholder beside shrinking file size bars https://www.niagaraui.com/blogs/news/component-naming-conventions 2026-08-14T15:06:20-04:00 weekly https://cdn.shopify.com/s/files/1/0986/3190/9740/articles/cover-naming-conventions-v2.png?v=1786723651 Component Naming Conventions Abstract illustration of a stack of point path chips with one highlighted https://www.niagaraui.com/blogs/news/designing-bms-alarm-graphics-for-faster-operator-response 2026-09-28T13:50:05-04:00 weekly https://cdn.shopify.com/s/files/1/0986/3190/9740/articles/cover-alarm-graphics-v2.png?v=1790617805 Designing BMS Alarm Graphics for Faster Operator Response Abstract BMS alarm list illustration with severity shape coding and acknowledge buttons https://www.niagaraui.com/blogs/news/dashboard-density-how-much-data-belongs-on-one-screen 2026-10-14T21:22:33-04:00 weekly https://cdn.shopify.com/s/files/1/0986/3190/9740/articles/cover-density-v2_3c046a8e-be1b-4846-8bab-18ca25e9dbbb.png?v=1790617760 Dashboard Density: How Much Data Belongs on One Screen? Abstract dashboard illustration: a grid of KPI tiles with one amber warning tile https://www.niagaraui.com/blogs/news/typography-for-bms-graphics-hierarchy-before-fonts 2026-10-14T21:22:33-04:00 weekly https://cdn.shopify.com/s/files/1/0986/3190/9740/articles/cover-typography-v2_66b337ec-7433-43fe-b5a6-b70bf07318ef.png?v=1790617725 Typography for BMS Graphics: Hierarchy Before Fonts Abstract typographic hierarchy illustration with descending blocks and one large value panel https://www.niagaraui.com/blogs/news/light-mode-or-dark-mode-on-the-station-floor 2026-10-14T21:22:33-04:00 weekly https://cdn.shopify.com/s/files/1/0986/3190/9740/articles/cover-light-dark-station_4c34fac3-30fe-4409-bdbc-aae7bb5cbc20.png?v=1790617687 Light Mode or Dark Mode on the Station Floor? Abstract illustration of the same station graphic drawn twice, once on a light panel and once on a dark panel, split down the middle https://www.niagaraui.com/blogs/news/niagara-px-point-bindings-ord-checklist 2026-10-14T21:22:41-04:00 weekly https://cdn.shopify.com/s/files/1/0986/3190/9740/articles/niagara-px-ord-binding-checklist.png?v=1792027361 Niagara PX Point Bindings: A Practical ORD Checklist Abstract illustration of three point cards wired into a station panel, representing Niagara PX ORD bindings https://www.niagaraui.com/blogs/news/deploying-niagara-px-graphics-handover-checklist 2026-09-29T06:32:32-04:00 weekly https://cdn.shopify.com/s/files/1/0986/3190/9740/articles/niagara-px-deployment-validation.png?v=1790677952 Deploying Niagara PX Graphics: From Export to Operator Handover Three connected checklist panels showing asset checks, point bindings and operator-access validation for a Niagara PX deployment.