← Back to Explore

wondelai-web-typography

design v1.0.0 by Wondel.ai

Web typography framework for readable, beautiful type. Select and pair typefaces, set optimal line length and height, implement responsive typography, and optimize web font loading.

Installation

Open Claude Code and run this command:

/plugin install wondelai-web-typography@claude-code-plugins-plus

Use --global to install for all projects, or --project for current project only.

Plugin Information

Version 1.0.0
Category design
License MIT
Pricing Free

Components

1 skill

Keywords

typographyweb-fontstypefacefont-pairingreadabilityresponsive-typographycsstype-hierarchy

Links

View on GitHub →

Related Plugins

design-to-code

Convert Figma designs and screenshots to React/Svelte/Vue components with built-in accessibility

wondelai-design-everyday-things

Fundamental design principles from Don Norman. Design affordances, signifiers, constraints, and feedback mechanisms. Apply human-centered design and fault-tolerant systems.

wondelai-hooked-ux

Hook Model framework for building habit-forming products. Design trigger-action-reward-investment loops, increase retention, and optimize onboarding for habit formation.

wondelai-ios-hig-design

Native iOS app design following Apple Human Interface Guidelines. Design SwiftUI/UIKit components, implement navigation patterns, and ensure accessibility compliance.

wondelai-refactoring-ui

Practical UI design system for professional interfaces. Fix visual hierarchy, choose typography and color scales, add depth with shadows, and style components in Tailwind CSS.

wondelai-top-design

Award-winning web design framework for premium brand experiences. Build immersive websites with custom animations, dramatic typography, and scroll-based compositions.