Lastest design system — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited Lastest design system (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
When designing for Lastest, follow the rules in README.md. Highlights:
assets/delta-mark.svg (light surfaces), assets/delta-mark-dark.svg (Ink/dark surfaces), or assets/delta-mark-mono.svg (single-color contexts). Never recreate it from scratch.Archivo Black 900 is locked to the wordmark LAS<span class="t">T</span>EST. Everything else uses Inter.#36A88E = primary CTA. Steel Blue #3674A8 = secondary/links. Red #E03E36 is only for the brand mark and destructive/regression states.rgba(31,42,51,0.08) borders. Solid fills. Subtle Ink-tinted shadows.<link rel="stylesheet" href="colors_and_type.css" />
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.js"></script>
<!-- ... -->
<script>
lucide.createIcons();
</script>Use Lucide icons (matches the codebase). Default size h-4 w-4 (16px) inline.
All design tokens live as CSS custom properties in colors_and_type.css. Use them directly — don't redeclare hex codes. Key tokens:
--bg, --bg-elevated, --bg-inverted — surfaces--action, --action-secondary, --accent, --brand, --danger — semantic colors--fg-1 … --fg-4 — text scale--border, --border-strong, --ring — lines & focus--font-display, --font-sans, --font-mono — type families--t-xs … --t-4xl — type scale--space-1 … --space-8 — 8pt spacing scale (4/8/12/16/24/32/48/64)--r-xs … --r-pill — radii (industrial, 8px default; 0 for the mark)--shadow-xs … --shadow-lg — Ink-tinted at 5–12%--ease-out, --dur-base — motion (180ms default)ui_kits/app/Lastest Dashboard.html — full app shell at hi-fi. Match this for any in-product surface (sidebar layout, header, build hero, metrics row, area cards, activity feed).preview/ — small specimen cards for swatches, type, components.Direct, technical, slightly proud. Sentence case for headings/buttons; lowercase for sidebar nav; UPPERCASE MONO for eyebrow labels and badges. Use "you", never "we". Numbers as proof. No emoji except the rare ★ brand flourish.
~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.