Template guide
Every color is a style token. Open Assets, then Styles, and change Base, Panel, Raised, Ink, Ink Muted, Ink Faint, Line, Line Strong, Signal, On Signal, Warn, Bad and Good. Signal is the blue used for links, buttons and figures, On Signal is the text on it. Changing those thirteen tokens re-skins the whole site.
Inter for everything, from the 13 px table labels to the headline, including the Mono and Label presets; only the code cards on Home and Developers use the Code preset, JetBrains Mono 13 px, whose arrow ligatures are switched off by the me4-codeliga block in Site Settings, Custom Code. The presets are Display, Heading 1 to 4, Body Large, Body, Body Small, Mono, Code, Label and Figure, plus a Mobile and a Tablet folder used on the narrow breakpoints. Swap the font in the preset and it changes everywhere.
Home, Product, Pricing, Developers, Changelog, Status, Security, Customers with a detail page, Company, Contact, Privacy, Terms, 404 and this guide. The navigation and footer live in the layout template called Main, so edit them once.
Two collections. Changelog has Version, Date Label, Kind, Summary and Detail. Customers has Company, Sector, Size, Problem, Work, Figure, Figure Label, Quote and Quote By, and generates a detail page for each item. Add an item and the list and the page appear.
FAQ Item with a Closed and an Open variant, and Mobile Nav with the same pair. Both toggle on tap, so nothing to wire up.
Desktop 1200, Tablet 810, Phone 390. Card rows switch to vertical on the phone, tables stack with the column name inside each cell, and the navigation collapses into the Mobile Nav button.
The four numbers in the hero panel, the eight names in the logo row, the three plan prices, and the two CMS collections. About an hour, and the site is yours. The Get this template pill you see on the canvas of every page is ours: it only renders on the Plainware preview address, never on your site, so delete its layers whenever you like; nothing depends on them. Site Settings, Custom Code also holds structured data about the demo company for Google (the me4-jsonld block). It switches itself off on any address other than the preview, so either put in your own name, URL and details and your domain in the me4-jsonld-guard line, or delete both blocks.
Built by Plainware. Questions: plainwaretemplates@gmail.com