Lastest design system

What problem does it solve?

This Skill prevents inconsistent UI and brand drift by giving a single, repeatable set of visual and content rules for Lastest pages, components, and mockups.

Core Features & Use Cases

• Brand-accurate identity rules: Preserve the Delta Mark exactly and keep the wordmark typography rules consistent (Archivo Black only for the mark/wordmark).
• Action-color discipline: Enforce non-red CTAs (teal/steel blue) while reserving red for the brand mark and regression/destructive states.
• Token-based styling: Standardize surfaces, typography, spacing, radii, shadows, motion, and focus rings via the provided CSS custom properties file.
• Design-system QA for mock UI: Apply the same layout, casing, tone, and icon guidance so dashboards and UI kits match the Lastest product look.
• Use case: When preparing a new feature screen or composing a UI kit page, you can follow the rules to ensure the design matches the existing Lastest dashboard shell and visual status language.

Quick Start

Use the Lastest design system skill to design a new dashboard or UI kit page that uses the provided tokens and preserves the Delta Mark and typography rules.