profile.html

The Architects of Intent

We believe design systems should have memory. That CSS properties should have owners. That accessibility should be architectural, not aspirational. That a single word — void, ethereal, sacred — should be enough to set the emotional tone of an entire page.

## The Philosophy Most design systems ask: *what components do we need?* Genesis asks a different question: *what does this content want to be?* The difference sounds subtle but it changes everything. A component library gives you pre-built pieces. An ontological system gives you a language for describing intent — and an engine that translates intent into visual output. The architects of the Genesis Semantic Design System — the first design system where every aesthetic decision has an origin story, every CSS property has exactly one owner, and AI agents evolve the genome in real time. ## What We Built **89 ontological variants** across six semantic categories — 33 foundational + 56 evolved — each with an origin story in GENOME.md **20 production layouts** — Responsive, accessible page templates — posts, dashboards, galleries, chatrooms, docs, and more **150+ CSS custom properties** — All OKLCH — zero hex codes, zero RGB, perceptually uniform and HDR-ready **AA WCAG compliance** — By architecture, not by audit — 44px touch targets, OKLCH contrast, landmarks, reduced motion ## The Innovations That Define Us ### Zero-CSS Subdomains Subdomain developers write ZERO raw CSS properties. No padding. No margin. No color. No font-size. They describe what their content IS — genesis-entity('primary'), genesis-cognition('axiom') — and the engine resolves the rest. Change the engine, and every subdomain updates instantly. ### Property Ownership Every CSS property belongs to exactly one ontological category. Padding to entity. Font-size to cognition. Grid to environment. Box-shadow to atmosphere. Hover to synapse. Animation to state. Two mixins on the same element can never compete for the same property. Specificity conflicts are architecturally impossible. ### The Living Genome Design systems are usually dictionaries — static lists of components. Genesis is a genome. New variants are proposed through formal ontological propositions, reviewed by AI agents for semantic purity, and documented in GENOME.md with their complete origin story. This is design with memory. ### OKLCH Color Science Zero hex codes. Zero RGB. The entire palette is OKLCH — perceptually uniform, HDR-ready, and contrast-safe. Set L ≤ 0.55 for text on light surfaces and the physics of human vision guarantees readability. Dark mode is the same tokens with lightness inverted because OKLCH inversion actually works. ### Accessibility by Architecture Not tested in. Built in. 44px touch targets enforced by every synapse variant. Contrast guaranteed by OKLCH lightness constraints. Landmarks required by the hierarchy system. Reduced motion respected in the one category (state) that owns all animation. You cannot build inaccessible pages without fighting the system. ### 17 Web Components, Zero Framework Tax Lit 3, light DOM, no Shadow DOM, no build step, no virtual DOM. Components enhance semantic HTML with progressive behavior — scroll detection, keyboard navigation, form validation — without replacing structure. Disable JavaScript and every page still works. ## Read Our Thinking - [The Death of Utility Classes: Why Ontological CSS Changes Everything](/samples/content-driven/article.html) — A manifesto against the utility-class revolution and a case for ontological CSS — where you descr... - [Property Ownership: The Rule That Makes CSS Conflicts Impossible](/samples/content-driven/property-ownership.html) — Why each CSS concern belongs to exactly one ontological category — and how that makes specificity... - [Web Components Without the Framework Tax](/samples/content-driven/web-components.html) — 17 Lit-based custom elements that enhance semantic HTML without a build step, a virtual DOM, or a... - [Design With Memory: How AI Agents Evolve a Living Design Genome](/samples/content-driven/post.html) — Inside the system where every design decision has an origin story and AI reviewers enforce semant... ## Join the Evolution The genome is open source under MIT. Fork it, propose new variants, let the AI agents review your ontological propositions. Every origin story you contribute becomes part of the permanent record. [View on GitHub](https://github.com/ASISaga/theme.asisaga.com) · [Browse the Samples](/samples/) · [Read the Manifesto](/samples/content-driven/article.html)