| name | ulk-design |
| description | Use this skill to generate well-branded interfaces and assets for Ulk (Arcana — tarot nordique), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping. |
| user-invocable | true |
Read the readme.md file within this skill, and explore the other available files.
If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and create static HTML files for the user to view. If working on production code, you can copy assets and read the rules here to become an expert in designing with this brand.
If the user invokes this skill without any other guidance, ask them what they want to build or design, ask some questions, and act as an expert designer who outputs HTML artifacts or production code, depending on the need.
Map
readme.md — the full design guide: product context, content voice, visual foundations, iconography, index.styles.css — the single entry point. Link it (or its @imported tokens/*.css) to inherit every token.tokens/ — colors.css, typography.css, effects.css, fonts.css (Google-hosted webfonts).assets/illustrations/ — the 9 CC0 engravings (raw/, *-duotone.webp, thumb/), the core visual currency.components/ — React primitives (Button, Badge, Rune, TarotCard, AgentCard, LogoMark, Navbar). Each has .jsx + .d.ts + .prompt.md + a *.card.html demo.guidelines/ — specimen cards for type, color, spacing, brand.ui_kits/site/ — interactive recreation of the pantheon website.
Non-negotiables
- PAS D'ORANGE — orange (
#FF6B1F & variants) is banned. The accent is magenta/aqua over amethyst.
- Jacquard 24 never in full caps — mixed/lower case only. And never for numerals — numbers are Arabic (01–98) in EB Garamond (
--ar-font-numeral). No Roman numerals.
- Magenta
#FF00FF / Aqua #00E5FF never fill a surface in light mode — glow / decorative border only.
- Radii 0 on lapidary elements (titles, rules, text badges); 6–10px on cards only.
- PAS DE RUNES — cardinal rule. Sphere & agent marks use the Streamline Pixel icon set (
<Icon>, inlined SVG, CC BY 4.0 — attribute streamlinehq.com), never elder-futhark runes.
- Cartes tarot = objets sombres — gravure plein cadre sur fond encre, scrim sombre (jamais de dégradé clair), reflet glacé au survol. The grandeur comes from the engravings and restraint — never from a CSS glow.
- Logo — the seal (
LogoMark) is the circular engraved medallion of the Vallhund: always round, always bare (no numeral, no rune).
