— the core ideas we use to describe how CSS behaves

Here you will find concepts help us talk to AI about structure, flow, spacing,
and relationships with clarity.

These ideas are not syntax
— they are the mental models
that make collaboration with AI predictable.

This page gathers the essentials:
— the terms we rely on when describing what we see,
what we want, and what must stay stable.

Section list:

• Flow — how elements move and stack
• Containment — how elements hold and limit their children
• Parent / Child — how structure creates meaning
• Siblings — how elements relate at the same level
• Spacing — the space inside and around elements
• Alignment — how elements position themselves within a container
• Hierarchy — how importance is expressed visually
• Rhythm — the pattern of repeated spacing
• Density — how tight or open a layout feels
• Tone — the emotional layer that supports hierarchy

Each entry is short, practical, and focused on meaning
— a shared language for working with AI on real CSS.

_{Tony de Araujo —New York | Lisbon}

• Top↑
• Back to Topic ↔
• Home←