File types tell you what to expect from a page. This Map gives those types a shared label, icon, and color throughout the site.

Each definition combines an explanation with its configuration and a rendered preview. The site root links to this Map to activate it.

Step-by-step instructions for completing a task.

type: guide
icon: route
color: blue

The syntax, options, and behavior of a feature.

type: reference
icon: clipboard-list
color: violet

A working example to explore and learn from.

type: demo
icon: flask-conical
color: emerald

An overview or explanation that connects the material.

type: page
icon: file-text
color: slate