fitness-energy

Provide design guidelines for fitness business websites, including typography, color, and motion systems.

Updated Mar 21, 2026
One-click install
npx skills add https://github.com/yrlanrteixeira/landcraft --skill fitness-energy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fitness-energy
Source: https://github.com/yrlanrteixeira/landcraft/tree/main/.agents/skills/fitness-energy
Command: npx skills add https://github.com/yrlanrteixeira/landcraft --skill fitness-energy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a comprehensive set of guidelines and resources to design visually impactful and energetic aesthetics for fitness businesses, targeting a specific and intense aesthetic that aligns with the core values of fitness, discipline, and transformation.

Core Features & Use Cases

  • Design Guidelines: A comprehensive guide for design elements like typography, color schemes, and shape language tailored to fitness businesses.
  • Typography Architecture: Specific recommendations for font stacks, scales, and text color hierarchies to create a powerful and focused design language.
  • Color System: An adrenaline palette with base surfaces, accent colors, and usage rules to maintain visual consistency and intensity.
  • Shape Language: Angular aggression through geometric shapes, border radius rules, and clip-path systems to communicate force and discipline.
  • Motion System: Fast, aggressive, and decisive animations using the explosive curve and specific duration scales to enhance the sense of power and urgency.
  • Landing Page Blueprint: Step-by-step instructions for creating landing pages with sections like hero, about, classes, transformation, trainers, plans, testimonials, location & schedule, and footer.
  • WhatsApp Integration: A floating button to encourage direct conversion and engagement.

Quick Start

Use the fitness-energy skill to design a hero section for a fitness business website.

Frequently Asked Questions about fitness-energy

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a high-intensity aesthetic for a fitness website?

Design a high-intensity fitness website by applying angular shape language, adrenaline color palettes, and aggressive typography scales to communicate discipline and force. This Skill provides specific design guidelines, clip-path systems, and motion rules to achieve an intense aesthetic for gyms and personal trainers.

What typography architecture works best for fitness business design?

Typography architecture for fitness design requires specific font stacks, dynamic scales, and text color hierarchies that project power and focus. This Skill provides structured recommendations to create a powerful design language tailored to high-intensity fitness brands.

How do I build a landing page blueprint for a CrossFit box or martial arts academy?

Build a fitness landing page blueprint by structuring sections for hero, classes, transformation, trainers, plans, and testimonials. This Skill provides step-by-step layout instructions and includes a floating WhatsApp integration button to drive direct conversion.

Can I use this Skill to establish a color system and motion guidelines for a gym website?

Yes, you can establish a complete color system using adrenaline base surfaces and accent colors, alongside a motion system featuring explosive animation curves. These guidelines maintain visual consistency and enhance the sense of power and urgency for gym websites.

Do I need a design-focused mindset to apply these fitness design guidelines?

Yes, applying these fitness design guidelines requires a design-focused mindset and an understanding of visual communication principles. The Skill provides advanced internal design reasoning covering shape language, color theory, and animation for intense aesthetics.

What shape language communicates force and discipline in fitness design?

Angular aggression through geometric shapes, border radius rules, and clip-path systems communicates force and discipline in fitness design. This Skill defines specific shape language guidelines to align visual elements with the core values of high-intensity fitness businesses.