// Editorial-minimalist web prototype. Warm monochrome canvas, serif display + grotesque body, 1px hairline borders, muted pastel chips, generous macro-whitespace, ambient micro-motion. Distilled from Leonxlnx/taste-skill `minimalist-skill`.
| name | web-prototype-taste-editorial |
| description | Editorial-minimalist web prototype. Warm monochrome canvas, serif display + grotesque body, 1px hairline borders, muted pastel chips, generous macro-whitespace, ambient micro-motion. Distilled from Leonxlnx/taste-skill `minimalist-skill`. |
A single-page web prototype shaped like a Notion/Linear marketing site or premium documentation surface. Use when the brief asks for "clean", "editorial", "premium SaaS", "documentation", or "knowledge product".
Distilled from Leonxlnx/taste-skill — skills/minimalist-skill/SKILL.md and the spatial-rhythm rules in skills/taste-skill/SKILL.md. See example.html in this directory for a fully-realized template.
#FBFBFA or #F7F6F3), never pure white.#111111, secondary text #787774. Never #000000.1px solid #EAEAEA only. No drop shadows above 0 1px 2px rgba(0,0,0,0.04).letter-spacing: -0.025em, line-height: 1.05.#FDEBEC, #E1F3FE, #EDF3EC, #FBF3DB) for tags/badges. Never as section backgrounds.border-radius: 8–12px max. No pill containers, no rounded-full on cards.py-24 minimum, py-32 for hero.shadow-sm. No glows.#000000.backdrop-blur-md, hairline border).max-w-[52ch].1px dividers — never 3 equal cards.border-t only, no card.translateY(12px) → 0 + opacity 0 → 1 over 600ms cubic-bezier(0.16, 1, 0.3, 1). IntersectionObserver only.box-shadow from 0 0 0 to 0 2px 8px rgba(0,0,0,0.04) over 200ms.--index * 80ms.transform and opacity.1px solid #EAEAEApy-24