Skip to main content

​
Docs template

Code: docs Docs mirrors documentation IA with breadcrumbs, structured typography, and a bottom accent stripe.

​
Layout anatomy

  • Breadcrumb trail across the top (derived from brand, division, and title).
  • Left-aligned headline with a slim description area under it.
  • Bottom color strip that inherits primaryColor.
  • Optional icon slot referenced from image.

​
Best for

  • API references and tutorial hubs.
  • Changelog or release documentation.
  • Knowledge base articles that need clear context.
ParameterPurpose
brandRoot breadcrumb (e.g., “Docs” or product name).
divisionSection breadcrumb (“API”, “Guides”).
titleFinal breadcrumb + main headline.
descSummary of the article or endpoint.
primaryColorFooter strip + accent color.

​
Example URL

https://gen.metakit.app/p/link/docs.png?brand=MetaKit+Docs&division=Image+API&title=Templates+Guide&desc=Deep+dive+into+clean,+bold,+promo,+and+more.&primaryColor=%2322C55E
Docs template preview To highlight a code-heavy article, pass mode=dark and pair with a monochrome primaryColor. The breadcrumb automatically adjusts its contrast for readability.