> For the complete documentation index, see [llms.txt](https://apg-software-solutions.gitbook.io/bubblebase/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://apg-software-solutions.gitbook.io/bubblebase/best-practices/design/designing-responsively/page-group-structure.md).

# Page/Group Structure

Every page or group has a generalizable structure that we are going to use to further standardize using organizing groups.

Taken at a very high level every page (or complex group with many children) should maintain the same basic structure, which is as follows: 

<figure><img src="https://1250195888-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJaAsYfp594cjUUThh0ri%2Fuploads%2F4Ha7upUb4wFJoPUfeV5s%2Fpage%20layout.png?alt=media&amp;token=04f033fc-9bbf-45dd-bbda-975779ad17c7" alt=""><figcaption></figcaption></figure>

The "Head", "Body" and "Foot" groups are what we will call <mark style="color:yellow;">{Organizing Groups}</mark>

An example of well nested Groups using [The APG Naming System](/bubblebase/best-practices/design/the-apg-naming-system.md) can be seen below:&#x20;

This is further unpacked on the [Naming Groups Within Groups Page.](/bubblebase/best-practices/design/the-apg-naming-system/standardizing-group-and-element-names/naming-groups-within-groups.md)