Skill UI

This template provides a sophisticated, print-ready document aesthetic, simulating expertly typeset paper on a parchment background. It employs a limited, classic color palette (creamy parchment, ink blue accents) and serif typography. Ideal for creating high-fidelity, professional documents like resumes, long reports, one-pagers, business letters, and portfolios, ensuring the final output feels like an archival print piece rather than a typical web dashboard.

A professionally designed, minimalist A4 single-page resume template. Features a modern two-column layout (60/40 split) for organizing work experience, skills, and projects. Optimized for printing or PDF export, using clean typography and subtle color accents to highlight professional achievements.

A powerful web prototype template inspired by Swiss Industrial Print aesthetics. This design emphasizes strong, raw, and authoritative visual communication, utilizing monolithic black grotesque typography, large viewport-bleeding numbers, and minimal ASCII decorations. Ideal for designers seeking a high-impact, unpolished, and industrial-themed presentation.

This comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.

A comprehensive framework for creating structured, clean, and highly accessible design systems. It defines foundational constraints, typography scales, color tokens, and component-level rules, ensuring consistency and usability across engineering and design teams. Focuses on achieving WCAG 2.2 AA compliance and implementation readiness.

This skill transforms you into an expert design system guideline author, specializing in creating structured, implementation-ready documentation for the Power brand. It provides a comprehensive workflow covering style foundations (color, typography, spacing), component anatomy, accessibility standards (keyboard-first, high contrast), and quality gates. Use it to ensure all digital products maintain superior aesthetic consistency, usability, and accessibility.