Identity source
Logo families, source assets, fonts, color roles, voice, and layout rules stay connected.
One studio for the whole brand.
Build identity systems, motion, graphics, and product-ready artifacts in one connected workspace that people and agents can use together.
Free and open source under the MIT License.
Loading live Animation Studio…
Foundations in. Useful artifacts out.
Every tool inherits the active identity, preserves the right aspect ratio, and exposes only the controls needed for the artifact it makes.
Brand applications
Compose moodboards, email, decks, product UI, editorial graphics, and physical pieces.
Motion system
Morph text, logos, images, and live backgrounds with editable curves and deterministic timing.
Material lab
Use shader materials, grain, dither, gradients, grids, and image treatments behind any mark.
Editable canvas
Select, drag, resize, layer, add sticker treatments, and export from a direct-manipulation canvas.
Agent interface
Agents discover the same identities and tools, then generate stable SVG and browser artifacts.
02 / LIVE IDENTITY
Current Studio. Real brand materials.
Tune the identity, compose live materials, and carry the same system into every output.
General TranslationEvery language. One source.
- 40
- Assets
- 4
- Fonts
- 8
- Colors
One source.Product language stays connected to code, context, and delivery.
TypographySwitzerDisplayRasmus InterBody / Accent
Color system
Core roles stay synchronized across every tool.
{
"assets": 40,
"colors": 8,
"fonts": 4,
"identity": "General Translation"
}Build the brand where it will live.
Email, product surfaces, editorial graphics, and physical pieces inherit the same source identity.
Every language. One source.
The principles, promise, and strategy behind every brand decision.
Design the mark and its motion together.
Apply live type, material, depth, and timing to a mark, then reuse the result across every export.
Welcome
04 / AGENT CONTRACT
Plug the system into any agent.
Tune the identity visually, then hand an agent the exact same typed values. Every control maps directly to one portable generation contract.
15Lab plugins
/api/labs142Live shaders
/api/materials1Shared contract
/api/agent{"type":{"size":40,"weight":500,"leading":0.98,"tracking":-0.7},"material":{"strength":0.68,"grain":12},"motion":{"speed":0.34,"duration":1.6}}One source.Any surface.
Claude
CodexFrequently asked questions
The short version of what Glyphfield is, what it makes, and how people and agents work from the same brand system.
- 01What is Glyphfield?
- Glyphfield is a free, open-source, local-first brand studio for defining an identity and turning it into motion, graphics, product UI, templates, and portable production assets.
- 02Who is Glyphfield for?
- Glyphfield is built for designers, developers, brand teams, and AI agents that need to work from the same identity system and generation rules.
- 03What can I create with Glyphfield?
- Glyphfield can create identity systems, moodboards, product and marketing graphics, animated marks, live shader materials, templates, and downloadable PNG, SVG, GIF, and JSON artifacts.
- 04Can AI agents use Glyphfield?
- Yes. Agents can discover Glyphfield through llms.txt, an OpenAPI 3.1 document, versioned catalogs, and a structured generation API. Browser-capable agents can also use the visual Studio.
- 05Is Glyphfield free, open source, and local-first?
- Yes. Glyphfield source is available under the MIT License. Browser projects and uploaded files stay in the browser, while generation API requests are processed in memory without persisting the submitted identity or asset.
06 / OPEN SYSTEM
Free, open source, and built to extend.
Read the source, fork the Studio, add a tool, or connect an agent. Glyphfield is MIT licensed and the artifact format is documented.