Results for “typography”

Enforce design token usage in SwiftUI apps using iOS Human Interface Guidelines. Use when implementing design tokens, colors, or typography in SwiftUI.

Use when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns). Includes quick recipes and conventions for clean, consistent web design.

Use this when a codebase or design effort needs consistency enforcement for tokens, spacing, typography, color usage, component variants, and reusable interaction patterns.

Generates immersive, high-performance web interfaces with advanced motion design, typography, and architectural craftsmanship.

Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.

The craft of creating and maintaining cohesive brand identity systems. Branding translates brand strategy into tangible visual and verbal identity—logos, color systems, typography, imagery, and voice guidelines that work together to make a brand recognizable and memorable. This skill covers logo design, visual identity systems, brand guidelines, naming, verbal identity, and brand application across touchpoints. Great branding is invisible when done right—it feels inevitable, as if the brand couldn't have looked any other way. Use when "logo, branding, brand identity, brand guidelines, visual identity, color palette, typography, brand book, naming, rebrand, brand refresh, brand system, branding, identity, logo, visual-design, guidelines, naming, typography, color" mentioned.

Design interfaces that adapt gracefully to multiple languages, writing directions, and cultural contexts.

Generates award-level UI with GSAP motion, bento grids, and Python-driven randomization for layout variety.

Refines overly bold or aggressive designs into a calmer, more sophisticated aesthetic while preserving effectiveness and usability.

Transforms plain text or markdown into well-structured, reader-friendly markdown with frontmatter, titles, summaries, headings, bold, lists, and code blocks.

Establish clear visual hierarchy through size, weight, color, spacing, and positioning to guide users through interfaces.

Increases visual impact and personality in designs that are too safe, generic, or visually underwhelming, creating more engaging and memorable experiences.

Format and draft compelling LinkedIn posts using Unicode bold/italic styling, visual separators, structured sections, and engagement-optimized patterns.

Design adaptive layouts and interactions that work across all screen sizes and input methods.

Enforces an opinionated UI baseline to fix spacing, hierarchy, typography, and layout issues in AI-generated interfaces.

Defines and manages brand identity including voice, visual standards, messaging frameworks, asset organization, and consistency audits.

Generates article cover images with customizable type, palette, rendering, text, mood, and font, supporting multiple aspect ratios and reference images.

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loading", "type hierarchy", "variable fonts", "FOUT/FOIT", or "typographic scale". Also trigger when choosing between system fonts and web fonts, optimizing font loading performance, or designing readable long-form content layouts. Covers readability evaluation, CSS implementation, and performance optimization. For overall UI design systems, see refactoring-ui. For dramatic typographic experiences, see top-design.

Review UI implementations against design quality standards and design system compliance, or create distinctive, production-grade frontend interfaces from scratch.

Provides a comprehensive set of design rules and anti-patterns to avoid AI-generated slop when building any interface.

Crea un sistema de diseño consistente con múltiples temas (light/dark/custom), Material 3, tipografía personalizada y cambio dinámico de temas en Flutter.

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.

Audit and fix visual hierarchy, spacing, color, and depth in web UIs using a systematic, opinionated design framework.

Defines the design tokens, component catalog, and layout patterns for the OpenFoodJournal SwiftUI app, ensuring new views stay visually consistent.

Analyzes Stitch projects and synthesizes a semantic design system into a DESIGN.md file, capturing visual theme, colors, typography, and layout principles.

Design professional, scalable logos with complete brand identity deliverables including color palettes, typography, format variations, and usage guidelines. Use when the user requests logo design or provides relevant inputs for this workflow.

Generate, fill, or reformat PDFs with a token-based design system that adapts typography, color, and layout to document type.

Provides practical guidance for building iOS applications with UIKit, SnapKit, and SwiftUI, covering layout, typography, colors, accessibility, navigation, and privacy patterns.

Provides a dashboard template for community/dating metrics with a navigation rail, ticker bar, headline KPIs, 30-day mutual-matches bar chart, and match-rate trend block.

Generates a modern, minimalist A4 single-page resume template optimized for printing or PDF export, with a two-column layout and clean typography.

Provides a frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces.

Audits a codebase against a multi-layer design system, checking token, primitive, component, and layout drift with automated grep checks and severity ratings.

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.