Marketing | Moderne Design System

Marketingdeck · graphs · screenshots

The Moderne deck template — a gradient band over a Stone cover — plus the pre-approved graphs and screenshots. Start from the template; don't rebuild the cover.

Deck template

Title, one-line session description, date, and presenter on a white ground, under the gradient band. Fill the {{…}} fields.

Open the deck template Google Slides · export to PowerPoint

Social posts

The gradient as a social ground — a soft wash behind the lockup, headline, and quote or chart. Case-study cards built from the same spine as the deck, each on a different gradient field. See the gradient fields they draw from.

Pre-approved graphs

Graphs and diagrams pre-approved for decks and documents. Place the file as supplied rather than redrawing it, and keep its type, colors, spacing and annotations.

Maintenance and business output by quarter, without Moderne for Q1 to Q3 and with Moderne in Q4 — Quarterly output comparisonDownload PNG

Traditional and Moderne task completion compared — Task completion comparisonDownload PNG

Flow from red team discovery to Moderne remediation and distribution — Vulnerability remediation flowDownload PNG

Diagram of code and software supply chain coverage — Code and supply-chain coverageDownload PNG

Agent time allocated across discover, plan, act and review — Agent workflow allocationDownload PNG

Scatter plot of execution time for grep and glob against Trigrep — Search performance comparisonDownload PNG

Code-quality measures beside a scatter plot, a method risk radar and stacked severity bars — Code-quality visualizationsDownload PNG

Grep and read loops compared with Trigrep symbol-aware search — Search inference comparisonDownload PNG

Pre-approved screenshots

Product screenshots, pre-approved with their gradient frames. The frame belongs to these files. The grammar above rules out framing a screenshot you place yourself. See the gradient fields in action.

Three GitHub views of .moderne/context files, each in a gradient frame — Code contextDownload PNG

Moderne organization selector in a gradient frame — Organization selectorDownload PNG

DevCenter change campaigns in a gradient frame — DevCenter campaignsDownload PNG

Two recipe marketplace views, each in a gradient frame — Marketplace viewsDownload PNG

For how these assets and the palette come together on the public site — hero patterns, section bands, and the button system — see Website.