warm-editorial-ui
CommunityBrand-warm UI systems, shipped fast.
Design & Creative#typography#design-system#dark-mode#css-variables#frontend-design#ui-tokens#warm-editorial
Authorsaajunaid
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The warm-editorial design system provides an executive-grade UI template that standardizes surfaces, typography, spacing, and motion to ensure consistency across frontend projects. It delivers warm cream surfaces, warm charcoal dark mode, and a token-driven approach that enables brand-agnostic deployment.
Core Features & Use Cases
- Design tokens for color, typography, radii, borders, and shadows that drive a cohesive UI.
- Light/dark theming with CSS variables and a simple class switch to adapt to user preferences.
- Ready-made design guidance for app, dashboard, and component development, with typography rules and layout patterns.
Quick Start
Import the design tokens and CSS variables, then initialize the dark/light theme toggle to apply the warm-editorial UI across your app.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: warm-editorial-ui Download link: https://github.com/saajunaid/junai/archive/main.zip#warm-editorial-ui 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 471,000+ vetted skills library on demand.