# Full-page skeletons Complete page shells extracted from the rendered showcases, with page-specific content replaced by placeholders. Start from one of these instead of assembling a page from scratch; per-component details live in `{DOMAIN}/ai/components/template.md` and the category files. ## Standard page (`araxxe-template-standard`) Base of every list/overview page: header, menu, content, footer. Add `-wide` on the root to widen the content area to 1600px. Extracted from the overview showcase; put your page content (usually one or more `araxxe-page-container` surfaces) where the placeholder sits. ```html
Product

Title header

AD
Text profile The text profile may be longer
Labeled entry
en
fr
es
``` ## Details page (`araxxe-template-details`) Base of case-details pages: service-colored header plus a content area split into a header line and body slots (`-flexible` slots absorb the remaining height). Extracted from the EBV case showcase. ```html

A long header title for the details template of this page

``` ## Overlay layers Append these as siblings of the page shell (typically direct children of `body`). They are fixed-position layers; consuming apps toggle the state classes at runtime: ```html
```