Editorial Layout Composition

What it does

Composes distinctive, premium page layouts using editorial grids, negative space, layering and deliberate asymmetry.

When to use it

Use when a homepage or case study needs to escape repetitive centred heroes and equal three-card grids.

Problems it prevents

Stops the default 'centred hero, three equal cards, repeat' pattern that makes every section feel interchangeable.

Typical workflow

1. Study real content length and rhythm
2. Compose with intentional asymmetry
3. Verify usability isn't sacrificed for novelty
4. Adapt the grid responsively

Example output

A page where section composition visibly varies because the content varies, not a uniform grid repeated top to bottom.

What's included

1. 01
   The complete prompt

   The full manual as a ready-to-save SKILL.md file, matched exactly to what ships in the T7 library.

2. 02
   Install walkthrough

   Personal (~/.claude/skills/) and project (.claude/skills/) folder instructions, whichever fits how you work.

3. 03
   Use notes

   How Claude invokes it, what a good result looks like, and what to check before you trust the output.

Works well with

• SystemPremium Content Hierarchy

  Writes message architecture and copy hierarchy from a real offer, audience, evidence and objections, not filler.

• SystemBrand Motif System

  Derives an ownable visual language (motifs, dividers, icon logic, patterns) from the real business, not stock decoration.

• SystemPurpose-Led Site Layouts

  Plans page structure around the site's dominant task, audience decision stage and conversion goal.