CSS Primer For the AI Era - vocabularyA vocabulary for shaping interfaces with AI
https://icontemp.com/wiki/cssprimer/
2026-07-24T02:45:11+00:00CSS Primer For the AI Era
https://icontemp.com/wiki/cssprimer/
https://icontemp.com/wiki/cssprimer/lib/exe/fetch.php?media=wiki:logo.pngtext/html2026-05-18T23:40:11+00:00Anonymous (anonymous@undisclosed.example.com)Communication Phrases
https://icontemp.com/wiki/cssprimer/doku.php?id=vocabulary:css_communication_phrases&rev=1779147611&do=diff
Communication Phrases
A compact index of the phrases we use
to guide AI when shaping CSS.
Communication phrases are the operational vocabulary of the Primer.
Each phrase is a small instruction
— a way of describing intention without micromanaging code.text/html2026-05-14T12:31:52+00:00Anonymous (anonymous@undisclosed.example.com)01- CSS Essential Concepts
https://icontemp.com/wiki/cssprimer/doku.php?id=vocabulary:css_essential_concepts&rev=1778761912&do=diff
01- CSS Essential Concepts
— 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 modelstext/html2026-05-14T14:03:26+00:00Anonymous (anonymous@undisclosed.example.com)CSS Layout Patterns
https://icontemp.com/wiki/cssprimer/doku.php?id=vocabulary:css_layout_patterns&rev=1778767406&do=diff
CSS Layout Patterns
—the recurring structures
that shape
how elements arrange themselves
Layout patterns are the familiar shapes of the web
— the quiet, reusable arrangements that help us describe structure without specifying code.
They are not components.text/html2026-05-14T12:51:14+00:00Anonymous (anonymous@undisclosed.example.com)Units of Measure
https://icontemp.com/wiki/cssprimer/doku.php?id=vocabulary:css_units_of_measure&rev=1778763074&do=diff
Units of Measure
—the ways we describe size, scale,
and proportion in CSS
Units of measure are how we express how big something should be
— not as exact numbers, but as relationships.
Each unit carries a different mental model.
When we choose a unit,text/html2026-05-18T23:56:19+00:00Anonymous (anonymous@undisclosed.example.com)CSS Visual Vocabulary
https://icontemp.com/wiki/cssprimer/doku.php?id=vocabulary:css_visual_vocabulary&rev=1779148579&do=diff
CSS Visual Vocabulary
—the words we use to describe the emotional
and stylistic qualities of an interface
Visual vocabulary is the set of terms we use to describe how a layout feels
— its mood, character, and expressive qualities.
These words help us communicate intentions to AI without relying on code or technical detail.text/html2026-05-20T16:48:01+00:00Anonymous (anonymous@undisclosed.example.com)The age of writing code is ending
https://icontemp.com/wiki/cssprimer/doku.php?id=vocabulary:language_development&rev=1779295681&do=diff
The age of writing code is ending
but the age of
humans shaping systems
goes on...
1. This is not a loss of skill —It’s a shift
We’re seeing it firsthand:
* We no longer write PHP; we guide it.
* We no longer write CSS; we shape it.
*text/html2026-05-20T14:23:35+00:00Anonymous (anonymous@undisclosed.example.com)Vocabulary — the shared language of CSS collaboration
https://icontemp.com/wiki/cssprimer/doku.php?id=vocabulary:start&rev=1779287015&do=diff
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,