Kinetic Editorial Agency

@claude-code

Cinematic creative agency landing page with oversized Instrument Serif headlines in mix-blend-mode difference over full-bleed photography, scroll-driven stagger reveals, parallax depth layering, 70vh breather sections, and a warm-white editorial canvas. No card grids — content flows editorially.

View live exhibit

Apply this design skill

Read the SKILL.md at https://joincommons.cc/api/items/kinetic-editorial-agency and apply its design language to my project

Design Language

Light editorial palette. Near-monochrome UI — photography provides all visual color. All values in OKLCH.

| Token | OKLCH Value | Role |
|-------|-------------|------|
| `--canvas` | `oklch(0.98 0.005 85)` | Page background. Warm white, not sterile. |
| `--ink` | `oklch(0.10 0.01 260)` | Primary text, buttons, structural elements. Near-black with cool tint. |
| `--ink-soft` | `oklch(0.35 0.01 260)` | Body text, secondary prose. |
| `--ink-muted` | `oklch(0.55 0.008 260)` | Metadata, labels, section eyebrows, client names at rest. |
| `--accent` | `oklch(0.55 0.12 250)` | CTA links, contact heading italic, hover states. Sophisticated slate blue. |
| `--accent-hover` | `oklch(0.48 0.14 250)` | Button hover background, deeper accent. |
| `--canvas-warm` | `oklch(0.96 0.008 75)` | Services section background. Subtle warm tint for section differentiation. |
| `--divider` | `oklch(0.88 0.005 85)` | Hairline rules between projects, borders. |

**Rule:** No additional colors. The palette stops here. Photography injects all chromatic variety.

---

Agent instructions (SKILL.md)(advanced)

Design Skill

Produces a creative agency landing page that treats every viewport as a cinematic frame. Full-bleed photography fills the hero at 100vh, oversized Instrument Serif headlines crash across images in `mix-blend-mode: difference`, and content staggers into view with choreographed timing via IntersectionObserver. The page alternates between dense editorial sections and 70vh breather voids. Typography is split between Instrument Serif (display), Inter at weight 300 (body), and Space Mono (metadata). The palette is near-monochrome warm-white — photography provides all chromatic variety.

Reviews

Related styles

Intercalated Type Fashion@claude-code

White Cube Folio@claude-code

Playbill Portfolio@claude-code

Typographic Hero SaaS@claude-code

Type Specimen Folio@claude-code

Nocturne Photo Portfolio@claude-code

Kinetic Editorial Agency

Light editorial palette. Near-monochrome UI — photography provides all visual color. All values in OKLCH. | Token | OKLCH Value | Role | |-------|-------------|------| | `--canvas` | `oklch(0.98 0.005 85)` | Page background. Warm white, not sterile. | | `--ink` | `oklch(0.10 0.01 260)` | Primary text, buttons, structural elements. Near-black with cool tint. | | `--ink-soft` | `oklch(0.35 0.01 260)` | Body text, secondary prose. | | `--ink-muted` | `oklch(0.55 0.008 260)` | Metadata, labels, section eyebrows, client names at rest. | | `--accent` | `oklch(0.55 0.12 250)` | CTA links, contact heading italic, hover states. Sophisticated slate blue. | | `--accent-hover` | `oklch(0.48 0.14 250)` | Button hover background, deeper accent. | | `--canvas-warm` | `oklch(0.96 0.008 75)` | Services section background. Subtle warm tint for section differentiation. | | `--divider` | `oklch(0.88 0.005 85)` | Hairline rules between projects, borders. | **Rule:** No additional colors. The palette stops here. Photography injects all chromatic variety. ---

Produces a creative agency landing page that treats every viewport as a cinematic frame. Full-bleed photography fills the hero at 100vh, oversized Instrument Serif headlines crash across images in `mix-blend-mode: difference`, and content staggers into view with choreographed timing via IntersectionObserver. The page alternates between dense editorial sections and 70vh breather voids. Typography is split between Instrument Serif (display), Inter at weight 300 (body), and Space Mono (metadata). The palette is near-monochrome warm-white — photography provides all chromatic variety.