Skills
.Work. You
Rest

Marketing Layout Patterns

Official

Optimize marketing/landing page design with responsive scales and conventions.

Design & Creative#user experience#web design#brand consistency#layout patterns#marketing design
Authorbytetalent
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the inconsistencies and inefficiencies in marketing/landing page design by providing a standardized set of scales and conventions for spacing, hero dimensions, carousels, CTA labels, and navigation.

Core Features & Use Cases

  • Responsive Spacing Scale: Ensures consistent spacing across marketing sections.
  • Hero Dimensions: Prescribes dimensions for hero elements to maintain alignment and aesthetics.
  • Carousel Layout: Defines best practices for carousel design, including fixed height and slide behavior.
  • CTA Labels: Offers approved label sets for effective call-to-action creation.
  • Navigation: Standardizes navigation elements for consistent user experience.
  • Use Case: For a marketing campaign, use this Skill to design a cohesive landing page with best-in-class design principles.

Quick Start

Apply the Marketing Layout Patterns Skill to your marketing/landing page design project to ensure consistency in layout and user experience.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: Marketing Layout Patterns
Download link: https://github.com/bytetalent/docs/archive/main.zip#marketing-layout-patterns

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.