No-Style Pages
Sometimes you need a page that doesn’t look like documentation—for example, a Marketing Landing Page, a Login screen, or a completely custom showcase.
docmd allows you to disable the standard layout (Sidebar, Header, Footer) on a per-page basis using Frontmatter.
Enabling No-Style
Add noStyle: true to your page’s frontmatter.
---
title: "Welcome"
noStyle: true
components:
meta: true # Keep SEO meta tags
favicon: true # Keep the site favicon
scripts: false # Disable docmd's main JS (optional)
---
<!-- Write raw HTML or Markdown below -->
<div class="hero-section">
<h1>My Product</h1>
<p>The future of something amazing.</p>
</div>
Controlling Components
When noStyle is active, docmd gives you a blank canvas. You can selectively re-enable specific parts of the system using the components object:
| Component | Default (in noStyle) | Description |
|---|---|---|
meta |
false |
Injects <title>, <meta name="description">, and SEO tags. |
favicon |
false |
Injects the favicon link. |
css |
false |
Injects docmd-main.css (useful if you want to use grid/typography but not layout). |
theme |
false |
Injects the active theme CSS (e.g., Sky, Retro). |
scripts |
false |
Injects docmd-main.js (needed for toggle buttons, copy code, etc). |
Example: Marketing Landing Page
---
title: "Home"
noStyle: true
components:
meta: true
favicon: true
css: true
customHead: |
<style>
.hero { text-align: center; padding: 100px 20px; }
.hero h1 { font-size: 3rem; margin-bottom: 20px; }
</style>
---
<div class="hero">
<h1>Build Faster.</h1>
<p>The ultimate developer tool.</p>
::: button "Get Started" /docs/intro color:blue
</div>