amircode2050/lantern-design-system

Lantern, a design system for illustrated slides, cut-away machines and buildings, close-up portrait scenes, annotated figures, title and break slides, GIF/MP4 loops and a small UI kit with code tokens, in one style across many colour themes (Black, Blue, Cyan, Gold, Gray, Green, Orange, Purple, Red, Rose, Teal, White, and any colour added from a brand colour), each with a 50-950 shade ramp, dark and light variants, seven type sets and many languages. Use when the user says 'lantern', 'lantern design system', 'multi-color design system', 'design system', 'my design system', 'house style', names a colour with no skill of its own, wants a new theme or palette from a brand colour, drops reference images to match, or wants tokens exported to CSS or Tailwind. Also use for any design task (slide, deck, figure, illustration, poster, title or break slide, animation, simple interface) with no style chosen: show the picker and ask which colour, then which variant, type set and shade, before designing.

Lantern Black: illustrated slides, cut-away machines and buildings, close-up portrait scenes, annotated concept figures, title and break slides, seamless GIF/MP4 loops, and a small UI kit with code tokens, in the Black colour theme (jet near-black ground, one metallic-gold light, grain, silhouette figures, glowing flow lines), in dark or light with seven type sets. Use when the user says 'lantern black', 'black design system', 'black system', 'black style', 'my black style', 'the black one', 'black theme', 'black deck' or any variation, or a shade name with 'design system', 'style' or 'theme': jet, onyx, ebony, noir, black and gold. For a choice between colours, a new colour, or a design task with no colour named, use the lantern skill instead.

Lantern Blue: illustrated slides, cut-away machines and buildings, close-up portrait scenes, annotated concept figures, title and break slides, seamless GIF/MP4 loops, and a small UI kit with code tokens, in the Blue colour theme (night-navy ground, one amber light, grain, silhouette figures, glowing flow lines), in dark or light with seven type sets. Use when the user says 'lantern blue', 'blue design system', 'blue system', 'blue style', 'my blue style', 'the blue one', 'blue theme', 'blue deck' or any variation, or a shade name with 'design system', 'style' or 'theme': cobalt, royal blue, azure. For a choice between colours, a new colour, or a design task with no colour named, use the lantern skill instead.

Lantern Cyan: illustrated slides, cut-away machines and buildings, close-up portrait scenes, annotated concept figures, title and break slides, seamless GIF/MP4 loops, and a small UI kit with code tokens, in the Cyan colour theme (vivid deep-cyan ground, one amber light, grain, silhouette figures, glowing flow lines), in dark or light with seven type sets. Use when the user says 'lantern cyan', 'cyan design system', 'cyan system', 'cyan style', 'my cyan style', 'the cyan one', 'cyan theme', 'cyan deck' or any variation, or a shade name with 'design system', 'style' or 'theme': aqua, turquoise, sky blue. For a choice between colours, a new colour, or a design task with no colour named, use the lantern skill instead.

Lantern Gold: illustrated slides, cut-away machines and buildings, close-up portrait scenes, annotated concept figures, title and break slides, seamless GIF/MP4 loops, and a small UI kit with code tokens, in the Gold colour theme (warm near-black ground, one metallic-gold light, grain, silhouette figures, glowing flow lines), in dark or light with seven type sets. Use when the user says 'lantern gold', 'gold design system', 'gold system', 'gold style', 'my gold style', 'the gold one', 'gold theme', 'gold deck' or any variation, or a shade name with 'design system', 'style' or 'theme': yellow, mustard, golden, ochre. For a choice between colours, a new colour, or a design task with no colour named, use the lantern skill instead.

Lantern Gray: illustrated slides, cut-away machines and buildings, close-up portrait scenes, annotated concept figures, title and break slides, seamless GIF/MP4 loops, and a small UI kit with code tokens, in the Gray colour theme (charcoal ground, one amber light, grain, silhouette figures, glowing flow lines), in dark or light with seven type sets. Use when the user says 'lantern gray', 'gray design system', 'gray system', 'gray style', 'my gray style', 'the gray one', 'gray theme', 'gray deck' or any variation, or a shade name with 'design system', 'style' or 'theme': grey, silver, charcoal, slate, graphite. For a choice between colours, a new colour, or a design task with no colour named, use the lantern skill instead.

Lantern Green: illustrated slides, cut-away machines and buildings, close-up portrait scenes, annotated concept figures, title and break slides, seamless GIF/MP4 loops, and a small UI kit with code tokens, in the Green colour theme (deep forest-green ground, one amber light, grain, silhouette figures, glowing flow lines), in dark or light with seven type sets. Use when the user says 'lantern green', 'green design system', 'green system', 'green style', 'my green style', 'the green one', 'green theme', 'green deck' or any variation, or a shade name with 'design system', 'style' or 'theme': forest, emerald, jade, sage, olive. For a choice between colours, a new colour, or a design task with no colour named, use the lantern skill instead.

Lantern Orange: illustrated slides, cut-away machines and buildings, close-up portrait scenes, annotated concept figures, title and break slides, seamless GIF/MP4 loops, and a small UI kit with code tokens, in the Orange colour theme (warm near-black ground, one tangerine light, grain, silhouette figures, glowing flow lines), in dark or light with seven type sets. Use when the user says 'lantern orange', 'orange design system', 'orange system', 'orange style', 'my orange style', 'the orange one', 'orange theme', 'orange deck' or any variation, or a shade name with 'design system', 'style' or 'theme': burnt orange, tangerine, persimmon, copper. For a choice between colours, a new colour, or a design task with no colour named, use the lantern skill instead.

Lantern Purple: illustrated slides, cut-away machines and buildings, close-up portrait scenes, annotated concept figures, title and break slides, seamless GIF/MP4 loops, and a small UI kit with code tokens, in the Purple colour theme (night-violet ground, one warm peach light, grain, silhouette figures, glowing flow lines), in dark or light with seven type sets. Use when the user says 'lantern purple', 'purple design system', 'purple system', 'purple style', 'my purple style', 'the purple one', 'purple theme', 'purple deck' or any variation, or a shade name with 'design system', 'style' or 'theme': violet, indigo, lavender. For a choice between colours, a new colour, or a design task with no colour named, use the lantern skill instead.

Lantern Red: illustrated slides, cut-away machines and buildings, close-up portrait scenes, annotated concept figures, title and break slides, seamless GIF/MP4 loops, and a small UI kit with code tokens, in the Red colour theme (deep maroon ground, one champagne light, grain, silhouette figures, glowing flow lines), in dark or light with seven type sets. Use when the user says 'lantern red', 'red design system', 'red system', 'red style', 'my red style', 'the red one', 'red theme', 'red deck' or any variation, or a shade name with 'design system', 'style' or 'theme': maroon, burgundy, crimson, wine, oxblood. For a choice between colours, a new colour, or a design task with no colour named, use the lantern skill instead.

Lantern Rose: illustrated slides, cut-away machines and buildings, close-up portrait scenes, annotated concept figures, title and break slides, seamless GIF/MP4 loops, and a small UI kit with code tokens, in the Rose colour theme (deep rose ground, one champagne light, grain, silhouette figures, glowing flow lines), in dark or light with seven type sets. Use when the user says 'lantern rose', 'rose design system', 'rose system', 'rose style', 'my rose style', 'the rose one', 'rose theme', 'rose deck' or any variation, or a shade name with 'design system', 'style' or 'theme': pink, raspberry, magenta, fuchsia. For a choice between colours, a new colour, or a design task with no colour named, use the lantern skill instead.

Lantern Teal: illustrated slides, cut-away machines and buildings, close-up portrait scenes, annotated concept figures, title and break slides, seamless GIF/MP4 loops, and a small UI kit with code tokens, in the Teal colour theme (deep teal ground, one amber light, grain, silhouette figures, glowing flow lines), in dark or light with seven type sets. Use when the user says 'lantern teal', 'teal design system', 'teal system', 'teal style', 'my teal style', 'the teal one', 'teal theme', 'teal deck' or any variation, or a shade name with 'design system', 'style' or 'theme': deep teal, petrol, teal green. For a choice between colours, a new colour, or a design task with no colour named, use the lantern skill instead.

Lantern White: illustrated slides, cut-away machines and buildings, close-up portrait scenes, annotated concept figures, title and break slides, seamless GIF/MP4 loops, and a small UI kit with code tokens, in the White colour theme (ivory paper ground, one white (ink only) light, grain, silhouette figures, glowing flow lines), in dark or light with seven type sets. Use when the user says 'lantern white', 'white design system', 'white system', 'white style', 'my white style', 'the white one', 'white theme', 'white deck' or any variation, or a shade name with 'design system', 'style' or 'theme': ivory, porcelain, paper, cream, black and white. For a choice between colours, a new colour, or a design task with no colour named, use the lantern skill instead.