Observer Foundation · ElleAI
Civic Luminance
Design System — v1.0
Export-ready for Figma (Token Studio) & Framer
Color Palette
Navy — Authority & Trust
Amber — Wisdom & Warmth
Teal — Clarity & Intelligence
Stone — Warmth & Ground
Typography
DM Serif Display · Display / Headings
Ethical Intelligence
The Observer Foundation
Transforming Complexity
Community-Driven Action
DM Sans · Body / UI
We believe that intelligence, when guided by ethics, becomes a force for collective good. Our mission is to build systems that are not only capable, but conscientious.
The Observer Foundation creates frameworks, tools, and communities that place human values at the center of artificial intelligence development. From policy to product, we work across every layer of the stack.
Caption · UI label · Meta information · Supporting text at smaller scale
DM Mono · Code / Data
model.evaluate(ethics_score=> 0.95)
Spacing Scale
Border Radius
Components
Buttons
Cards
Ethical Framework
Principled guidelines that govern how AI systems are designed, evaluated, and deployed within communities.
Learn more →Community Intelligence
Collective knowledge systems that surface insight from diverse lived experiences across the foundation.
Explore →Observer Protocol
Transparent audit mechanisms ensuring every AI decision can be traced, explained, and challenged.
View protocol →Badges & Tags
Form Elements
Stat Cards
Dark Surface Preview
ElleAI · Observer Protocol
Luminous Intelligence,
Grounded in Ethics
Every interaction is auditable. Every decision is explicable. Community values shape every output.
Elevation & Shadow
Figma & Framer Export
Figma — Token Studio
Import design-tokens.json via the Token Studio plugin. Tokens are grouped into global, light, and dark sets. Map the light or dark set as your active theme.
Framer — CSS Variables
Paste the CSS custom properties from CustomStyles.astro into a Framer Code Override or global style block. All --aw-* variables map directly to Framer's CSS layer.
Figma — Variables API
Use the W3C-compatible token format to feed into Figma Variables via any token pipeline tool (Style Dictionary, Amazon Style Dictionary, tokens-to-figma).