editorial-tech

Installation
SKILL.md

Editorial Tech Skill

Use When

  • Blend editorial magazine composition with precision product-tech detailing using asymmetrical grids, cinematic media bands, mono utility labels, and restrained accent color.

Workflow

Scope

  • Apply this as a full design-system style direction across layout, typography, surfaces, media treatment, navigation, and motion.
  • Use it when the design should feel like a premium editorial spread merged with a high-end technology product interface.
  • This is not generic corporate SaaS and not pure magazine minimalism; it should sit in the middle with narrative composition plus precise technical detailing.

Visual target

  • Build asymmetrical editorial compositions with strong column structure, deliberate negative space, and clear spatial rhythm.
  • Pair large expressive headline moments with quieter utility text, mono labels, small metadata, and measured supporting copy.
  • Use cinematic media bands, panoramic image strips, inset photography panels, or immersive visual slices to create narrative flow across the layout.
  • Add fine divider lines, grid traces, subtle borders, section rules, and technical markers so the page feels engineered rather than soft or lifestyle-first.
  • Keep the palette restrained: mostly dark neutrals or controlled light neutrals, with one active accent color derived from the brand or design system.
Installs
91
Repository
mengto/skills
GitHub Stars
2.5K
First Seen
14 days ago
editorial-tech — mengto/skills