editorial-type

Design editorial typographic websites with structured layout and hierarchy plans.

Updated Mar 19, 2026
One-click install
npx skills add https://github.com/ECFN15/Tous-Table --skill editorial-type
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: editorial-type
Source: https://github.com/ECFN15/Tous-Table/tree/main/.agents/skills/editorial-type
Command: npx skills add https://github.com/ECFN15/Tous-Table --skill editorial-type

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the problem of creating editorial typographic websites where type is the focal point of the design.

Core Features & Use Cases

  • Design Planning: Outlines a compact <design_plan> for UI development.
  • Typography System: Provides detailed typography rules and typeface recommendations.
  • Layout Patterns: Offers guidelines for various layout designs like poster hero, magazine grid, and issue index.
  • Component Signatures: Defines core components like status pills, poster title hero, issue index table, and pullquote panel.

Quick Start

Create a design plan for a magazine issue page using the editorial-type skill.

Frequently Asked Questions about editorial-type

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

FAQPage Schema
How do I design an editorial typographic website where text is the focal point?

To design type-driven editorial websites, select a typographic archetype, define the operating mode and viewport layout, establish system contracts, and plan components and motion to build a structured typographic hierarchy.

What is the best way to structure a magazine grid layout for web design?

Structuring a magazine grid layout requires outlining a compact design plan that defines component signatures like poster hero, issue index table, and pullquote panel to establish clear typographic contrast and columns.

Can I use this approach to plan layout patterns for an issue index page?

Yes, this approach provides specific layout pattern guidelines for issue index pages, defining component signatures like the issue index table and status pills to maintain typographic structure and rhythm across the viewport.

What typography rules do I need for type-driven website structure?

Type-driven website structure requires detailed typography rules and typeface recommendations that dictate contrast, columns, and hierarchy, ensuring the selected typographic archetype maintains proper visual rhythm and structural flow.

Does this editorial design method work without external dependencies?

Yes, this editorial design method works without external dependencies, relying entirely on internal scripts and references to generate the design plan and component signatures for your typographic website.

When should I not use a type-driven editorial layout for my website?

You should not use a type-driven editorial layout if your website requires minimal text or relies primarily on imagery and non-typographic elements, as this approach specifically focuses on making type the focal structural element.