skills.rest
yrlanrteixeira
yrlanrteixeiraCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

editorial-luxury

Construct luxury editorial landing pages with React or Next.js and Tailwind CSS.

Updated Mar 21, 2026
Search Tags:#brand identity#web design#luxury branding#editorial aesthetic#luxury design
One-click install
npx skills add https://github.com/yrlanrteixeira/landcraft --skill editorial-luxury
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: editorial-luxury
Source: https://github.com/yrlanrteixeira/landcraft/tree/main/.agents/skills/editorial-luxury
Command: npx skills add https://github.com/yrlanrteixeira/landcraft --skill editorial-luxury

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill creates landing pages with a high-end, editorial aesthetic for brands seeking to project a sense of luxury, taste, and elegance.

Core Features & Use Cases

  • Luxury Design Standards: Implements serif-dominant typography, confident whitespace, and photography-driven layouts with warm color palettes.
  • Brand-Centric Design: Customizable to align with specific brand guidelines, target verticals, and visual style preferences.
  • Design Rules Compliance: Enforces anti-patterns and rules against common pitfalls that dilute luxury and editorial quality.
  • Typography Hierarchy: Defines a strict typographic architecture for display, body, and headings with clear scale and weight contrasts.
  • Color Systems & Palettes: Two defined palettes for warm (daytime/hospitality/real estate) and evening (nightlife/fine dining/jewelry/fashion).
  • Layout Principles: Emphasizes asymmetric design, photography bleeds, massive vertical rhythm, and structural rules for luxury experiences.
  • Photography Treatment: Editorial composition rules, aspect ratios, color treatment, parallax movement, and image placeholders for high-quality imagery.
  • Motion Philosophy: Slow, deliberate, weighted animations that mimic the feeling of turning a heavy page.
  • Landing Page Blueprints: Defines hero, about/story, services/offering, gallery, testimonials, contact, and footer sections with detailed specifications.
  • Component Specifications: Specifies styles, layouts, interactions, and performance guardrails for buttons, navigation, dividers, and more.
  • Tier System Integration: Maps design treatments to different LP generator tiers with specific feature inclusion/exclusion.
  • Default Architecture: Frameworks, interactivity isolation, styling, icons, dependency verification, font loading, and LP architecture conventions.

Quick Start

Generate a luxury landing page with 'editorial-luxury skill --generate --output /path/to/landing_page'.

Frequently Asked Questions about editorial-luxury

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

FAQPage Schema
How do I design a luxury landing page with an editorial aesthetic?▼

Luxury editorial design uses serif-dominant typography, confident whitespace, and photography-driven layouts with warm color palettes to project taste and elegance. It enforces strict typographic architecture and asymmetric layout principles to maintain high-end editorial quality.

Can I build luxury brand identity pages using React and Tailwind CSS?▼

Yes, you can build luxury brand identity pages using React or Next.js with Tailwind CSS. The architecture requires client components to handle slow, deliberate motion design that mimics the feeling of turning a heavy page for high-end aesthetics.

What are the best color palettes for high-end hospitality and fine dining web design?▼

The best color palettes for high-end web design include defined warm palettes for daytime hospitality or real estate, and evening palettes for nightlife, fine dining, jewelry, or fashion. These systems ensure brand-specific guidelines match the target vertical's visual style.

How do I create a typographic hierarchy for luxury branding landing pages?▼

Create a typographic hierarchy for luxury branding by defining strict architecture for display, body, and headings with clear scale and weight contrasts. Using serif-dominant typography ensures the landing page exudes editorial elegance and luxury design standards.

What motion philosophy should I use for editorial aesthetic landing pages?▼

For editorial aesthetic landing pages, use a motion philosophy of slow, deliberate, and weighted animations. This mimics the feeling of turning a heavy page, requiring client components in React or Next.js to isolate interactivity and maintain performance guardrails.

Does this editorial luxury design approach support different project scales?▼

Yes, this editorial luxury design approach supports different project scales by implementing design system tiers. It maps specific design treatments, feature inclusions, and exclusions to different landing page generator tiers to match the project scale requirements.

Related Skills

Explore More Design & Creative Skills→
SheshiyerSheshiyer

visual-identity-core

Generate a brand visual identity guide with color palettes, typography, logo rules, and imagery guidelines.

Community
Basic
lagarcesslagarcess
1

design-taste-frontend

Enforce React and Next.js design conventions with Tailwind and motion isolation.

Community
Advanced
paopp2paopp2

tailwindcss

Apply Tailwind CSS utility classes for responsive, themed UI styling.

Community
Intermediate
rod97-1rod97-1
1

minimalist-ui

Generate ultra-minimalist editorial web interfaces with warm monochrome palettes and bento-grid layouts.

Community
Advanced