section-backgrounds
Community60-30-10 branding for section backgrounds.
Authordeomiarn
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Applies a branded background pattern across sections with a 60-30-10 color rule for visual hierarchy and rhythm.
Core Features & Use Cases
- 60-30-10 Rule: Dominant, secondary, and accent color distribution.
- Alternating Backgrounds: Creates rhythm between sections (background, muted, etc.).
- Visual Hierarchy: Guides user attention to headings, CTAs, and content.
Quick Start
Assign background utility classes per section (bg-background, bg-muted, bg-primary) and verify contrast with the foreground.
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: section-backgrounds Download link: https://github.com/deomiarn/website-template/archive/main.zip#section-backgrounds 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.