EKA Brand
Machine-readable design tokens, component library, and AI integration context. Everything external apps and LLMs need to stay on-brand — regenerated from source on every deploy.
Endpoints
44 colors + typography, radius, easing, animations as structured JSON.
CSS :root block — @import directly into any stylesheet or Tailwind v4 config.
Tailwind v3 theme.extend preset — drop into tailwind.config.js presets array.
Full brand manifest — philosophy, 31 components, utility class reference, AI guidelines, pattern library.
31 React components with source code, props, and semantic descriptions.
42 KB comprehensive AI context — inject as system prompt to generate on-brand components in any LLM.
Integration Recipes
Fetch tokens at build time
Add to your app's prebuild script. Tokens update every time EKA deploys — your app picks them up on its next build.
# Add to your app's package.json "prebuild" script: curl /brand/tokens.css -o src/styles/brand.css
Tailwind v4
Import the CSS token file. Tailwind v4 picks up CSS custom properties natively — all --color-* tokens become usable theme values.
/* In your globals.css */
@import url('/brand/tokens.css');
@import 'tailwindcss';
/* All EKA CSS custom properties are available */
/* Example: bg-[var(--color-primary)] */AI Assistant & Context Portability
Leverage EKA's biological intelligence on other platforms. Export the full knowledge base or embed the interactive assistant.
The llms.txt standard allows AI agents to crawl and understand the entire site structure and medical logic.
Embed the diagnosis assistant into any sister site (like Agenyz) with a single script tag.
AI component generation
Download ai-context.md and inject it as a system prompt. Any LLM (Claude, GPT, Gemini) will then generate perfectly on-brand React components — with the right colors, fonts, radii, utility classes, and patterns.
# Download AI context and feed to your LLM: curl /brand/ai-context.md -o brand-context.md # Then use brand-context.md as system context when prompting: # "Generate an on-brand pricing section using the EKA design system."
Color Palette
core
sidebar
chart
Typography Scale
Display Headline
Section Title
Subheading text
Body text that reads comfortably at scale.