INSTRAVA

About this template

NSTRAVA is a Framer template for companies that make, distribute or service process instrumentation and control equipment. It is organised the way engineers search: by measuring principle, industry and application, and it shows how an instrument works, not only what it looks like.

WHAT IS INSIDE

• 16 pages and 7 CMS templates driven by 10 CMS collections (24 sample instruments, 17 measuring principles, 14 applications, 6 industries, 6 projects, 47 documents, 12 FAQs; all fictional).

• Product finder: search, family, technology, tier, protection, accuracy and temperature filters, output and approval checkboxes, sorting, empty state, filter drawer on phones.

• Product pages with an interactive viewer: studio render, up to five photo tabs filled from CMS fields, numbered hotspots defined in one CMS text field, a real HTML specification table, documents, related products and FAQs.

• 15 animated measuring-principle explainers with a slider that shows the process value and the 4–20 mA output.

• Process diagrams generated from two CMS text fields on every application page; architecture diagram; simulated measurement panel; as-found / as-left calibration chart.

• Scroll-driven control-loop story on the home page, with stacked stage cards on phones.

• Compare up to three instruments; optional request-for-quote list; contact form with validation and success/error states.

• Structured data (Organization, Product, Article, Breadcrumbs) from CMS values, with no invented ratings or prices.

BUILT TO BE CHANGED

Colours are tokens, type is set in text styles, content lives in the CMS, and 19 reusable code components take their data from properties and CMS fields. A documentation package (guides for customization, CMS, components, RFQ setup, publishing) and a Start here page are included.

RESPONSIVE AND ACCESSIBLE

Desktop, tablet and phone layouts; reduced-motion support; keyboard-operable interactive components; automated accessibility scan clean on all pages in testing.