CSS Primer For the AI Era

A vocabulary for shaping interfaces with AI

User Tools

Site Tools


vocabulary:start

Vocabulary — the shared language of CSS collaboration

CSS has a small set of terms that help us describe structure, flow, spacing, and visual tone with clarity.

This section gathers the essential vocabulary we use
when communicating with AI
— not to teach syntax,
but to give us a shared way to talk about the work.

Each entry is short, practical, and focused on meaning.
Together, they form a common language for shaping interfaces with intention.


Vocabulary Index

  • Essential Concepts
    The foundational ideas — flow, containment, hierarchy, rhythm.
    They help us describe how a layout behaves.
  • Units of Measure
    The scales and proportions we use
    to express size, distance, and responsiveness.
  • Layout Patterns
    The structural shapes — wrappers, grids, tracks, gutters —
    that define how elements relate to one another.
  • Visual Vocabulary
    The emotional and perceptual dimensions of design
    — tone, contrast, softness, weight, expression.
  • Communication Phrases
    A cross‑topic index of the small phrases we use
    to guide AI with clarity and restraint.

Why this topic exists

Vocabulary here is about giving us precision
a way to describe intention
without over‑specifying implementation.

Vocabulary is the bridge
between what we mean
and what AI can safely change
.

Start with the Subtopic List just above


Tony de Araujo —New York | Lisbon


vocabulary/start.txt · Last modified: by editor