@tellandshow/styles-core

Visual style presets shared across all Tell and Show tracks (game / story / site / movie).

Each preset is a token bundle (palette, fonts, line-thickness, saturation, animation curve, sound mood) plus per-track adapters that render those tokens in the track's specific output (CSS theme JSON for site, sprite modulators for game, etc).

What's here

• src/tokens.ts — StylePreset interface, tag types for Q&A narrowing, helpers (rankByTags, applyTweaks).
• src/catalog/ — preset definitions. M4.1 ships 5 priority presets:
  • Pixel Art — chunky, retro, 16-bit-feel
  • Anime — bold lines, big eyes
  • Watercolor — soft, hand-painted, storybook
  • Cel-Shaded — bold outlines, flat-shaded fills
  • Flat Art — minimal shapes, no gradients
• src/adapters/site.ts — presetToSiteTheme(preset) produces JSON in the shape site-engine expects.

M4.4 expands the catalog to 23 presets. M4.3/M4.4b adds adapters for game/story/movie.

Usage

import { ANIME, presetToSiteTheme } from '@tellandshow/styles-core';

// Render the preset as a site-engine theme:
const theme = presetToSiteTheme(ANIME);
// → write to site/themes/anime.json

Q&A narrowing

import { ALL_PRESETS, rankByTags } from '@tellandshow/styles-core';

const ranked = rankByTags(ALL_PRESETS, {
  mood: 'cozy', realism: 'hand-made', color: 'soft', texture: 'textured',
});
// ranked[0] = Watercolor (matches all 4)

Tweaking

import { ANIME, applyTweaks } from '@tellandshow/styles-core';

const myAnime = applyTweaks(ANIME, {
  palette: { accent: '#9333ea' },  // override single token
  saturation: 0.7,                 // less saturated than default
});

License

MIT — ships inside kids' deployed artifacts. EULA-tier styles (if any) live elsewhere.