ink-paper-design
CommunityRefined editorial design system
Authorgreatxrider
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a comprehensive design system to ensure a consistent, refined, and editorial aesthetic across digital interfaces, saving designers and developers time on styling and component creation.
Core Features & Use Cases
- Editorial Typography: Implements the Newsreader serif font for headings and Inter sans-serif for body text.
- Color Palette: Defines specific CSS variables for paper, ink, line, and gold accent colors.
- Layout Principles: Outlines container, section spacing, and responsive typography using
clamp(). - Component Patterns: Provides ready-to-use CSS and HTML structures for headers, cards, buttons, and more.
- Use Case: Apply this design system to a new website project to quickly establish a sophisticated, ink-and-paper-inspired visual identity, ensuring all elements from headers to CTAs adhere to the defined style.
Quick Start
Apply the provided CSS variables and base reset to your project's global stylesheet.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ink-paper-design Download link: https://github.com/greatxrider/nomanuAI/archive/main.zip#ink-paper-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.