references/design-adherence.md·Markdown·1 KB·View on GitHub
Post-authoring verification that the composition follows the design spec. Run it after building, before serving the preview.
If a design spec (frame.md / design.md) exists, read the HTML and check:
Colors — every hex value in the composition appears in the spec’s palette section (however the user labeled it: Colors, Palette, Theme, etc.). Flag any invented colors.
Typography — font families and weights match the spec’s type spec. No substitutions.
Corners — border-radius values match the declared corner style, if specified.
Spacing — padding and gap values fall within the declared density range, if specified.
Depth — shadow usage matches the declared depth level, if specified (flat = none, subtle = light, layered = glows).
Avoidance rules — if the spec has a section listing things to avoid (commonly “What NOT to Do”, “Don’ts”, “Anti-patterns”, or “Do’s and Don’ts”), verify none are present.
Report violations as a checklist. Fix each one before serving.
If no design spec exists (house-style-only path), verify:
Palette consistency — the same bg, fg, and accent colors are used across all scenes. No per-scene color invention.
No lazy defaults — check the composition against house-style.md‘s “Lazy Defaults to Question” list. If any appear, they must be a deliberate choice for the content, not a default.