Guard Lite · local preflight
Find values that fall outside the declared system.
Paste a small design contract and the CSS or HTML text you want to inspect. Guard Lite compares five measurable value groups. The text stays in this browser tab.
Scope: This tool reads text. It does not execute pasted HTML, open a website, inspect computed browser styles or prove complete accessibility and visual quality.
01 · Run the check
State the allowed values. Then inspect the implementation.
Values expressed through var(), calc(), clamp() or CSS keywords are skipped. Review those through the source token layer.
No analysis yet
The result will separate contract violations from values that need review.
A violation means the relevant category has approved values and Guard found a different literal value. A review means the contract does not contain enough information for a firm decision.
02 · Interpret carefully
Literal-value checking is useful, but it is not browser evidence.
A source value can be overridden, inherited or transformed at runtime. A real release check must also inspect computed styles, interface states, viewports and the declared contract.