Ink Editorial Landing

An editorial landing page with expressive typography.

WebEditorialSerif typeMonochrome

Paper white, ink black and expressive serif type. Turn a product brief into a complete page with a hero, numbered chapters and a closing action. A curtain lifts, type settles and a chart draws like an ink stroke; use an editorial note when there is no data. Includes Chinese, mobile and reduced-motion handling, with no dependencies to install.

Preview format: HTML · Web Animations
Palette: #f3f1ec#111111#8b877e

How it works

Extract the ink-editorial.zip I provide and read ink-editorial/SKILL.md. Install the complete folder in the current agent's project-level skill directory, retaining scripts, references, assets and font licenses, and tell me the location. Then use the skill to build a complete ink-editorial page from my product brief. Use a content note when real data is unavailable; do not invent growth, customers or pricing.

Motion details

Curtain reveal and decoding type
An ink-stroke chart reveal
An editorial two-column composition

A good fit for

Personal brands and creative studios
Content products and independent publishing

Example creative prompt

Download and extract the skill, let your agent read SKILL.md, then provide your product brief. The prompt below can help you start.

Use the ink-editorial Skill to create a complete landing page for my product: paper-white background, black type, expressive serif headlines, fine rules and generous space. Pair the story with a chart of supplied data, or an editorial note when data is unavailable. Add numbered product chapters and a working call to action. Support Chinese, mobile and reduced motion. I will provide the brief, evidence and action destination.