pencil.video

Pencil - The video editor your agents can usesaved 3h ago · captured 3h ago

Eight details, eight pinned.

View as Markdown ↗

Colors8 colors · ground #F7F7F5

ground#f7f7f5·73.27%accent#a4aa96·12.83%#d0cfc7·6.02%#8f8f76·3.14%#743528·1.39%#84624e·1.07%#b64234·0.55%#43352d·0.41%

Sized by coverage · click to copy.

Typography2 families · 5 styles · Geist, Geist Mono

Pencil is the video editor your agents can use.

Geist · 56/63 · 300 · normal

Footage becomes material an agent can reason about.

Geist · 28/39 · 300 · normal

Import

Geist · 18/28 · 500 · normal

Body

Import your footage, ask for an edit, and refine every decision on a real timeli

Geist · 19/32 · 400 · normal

Small

Terminal — Pencil MCP

Geist Mono · 10/15 · 400 · normal

Specimens are the page's own words at their measured metrics; shown in Inter when the family is not loaded.

ButtonsDownload1 style

Download

primary · fill #26251e · label #fcfcf9 · radius 9999px · border 0px · padding 8px 16px · height 36px · type 14px / 500

Shape5 radii · 102 uses

4px35 uses · 34%

3px31 uses · 30%

2px23 uses · 23%

6px8 uses · 8%

9999px5 uses · 5%

AnalysisPencil sells an agent-driven video editor with almost no marketing voice: a warm off-white page (#f7f7f4), a 56px Geist Light headline set flush-left at the gutter, gray body copy, one near-black p…

Pencil sells an agent-driven video editor with almost no marketing voice: a warm off-white page (#f7f7f4), a 56px Geist Light headline set flush-left at the gutter, gray body copy, one near-black pill CTA. The identity comes from one bold choice. The product screenshot sits on an impressionist water-lily painting, a hazy sage-and-mauve Monet field, so a dense, technical macOS UI floats on something soft and handmade. Below, the page alternates text and app-window mockups in a calm zig-zag, each section introduced by a lowercase Geist Mono eyebrow ("understand", "assemble"), and closes on the same painting as a full-bleed band behind the final CTA. Tech is carried by the monospace micro-type and the faithful UI; humanity by the painting and the light weights.

Style recipeBuild on a warm off-white canvas (#f7f7f4, cards and app surfaces #ffffff, hairlines #e4e3dc) with near-black warm ink #26251e and muted gray body text around #6b6a63.

Build on a warm off-white canvas (#f7f7f4, cards and app surfaces #ffffff, hairlines #e4e3dc) with near-black warm ink #26251e and muted gray body text around #6b6a63. Set everything in Geist: display at weight 300, 56px/1.12 for H1 and 28px/1.375 for H2, normal tracking; body 19px/1.65 at 400; buttons 14px/500. Use Geist Mono at 10–12px, lowercase, gray, for eyebrows, window titles, spec lines and step numerals; it is the only signal of the technical side. Left-align headlines to the content gutter and keep body copy to about 60ch. Primary action: a solid #26251e pill (9999px radius, 36px tall, 8px 16px padding, #fcfcf9 text, small leading icon); secondary actions are bare gray text links with an arrow, never outlined buttons. Keep UI radii tiny (2–4px, 6px for windows) so the pills are the only round things. Show the product as faithful macOS windows with traffic lights and centered mono titles, with soft low shadows, placed on a full-bleed fine-art painting in muted sage (#a4aa96), olive (#8f8f76) and dusty pink; use the same painting again as a closing band. Let the product's own small accent (a violet near #6b5ce7 on app chips) and the footage's brick red (#b64234) be the only saturated color; the page chrome itself stays neutral. Alternate text and screenshot in a two-column zig-zag with generous vertical space (about 160px between sections), and present processes as unboxed numbered columns rather than cards.

Details8 worth noting

pencil.video — the captured page — Landing, 1440 × 900 · captured Oct 28, 2026

1Impressionist painting behind the product shot
Fine-art painting as the product-shot backdrop: a public-domain impressionist canvas sits behind the app windows instead of a gradient or a blur, softening a dense UI and giving the brand a palette (sage #a4aa96, olive #8f8f76) it never has to state
2Light-weight 56px Geist headline
Light-weight display at large size: the H1 is Geist 300 at 56/63px, H2s 300 at 28px, so the headlines read quiet and confident without bold weight doing the work
3Stacked terminal and app windows
Two stacked macOS windows, the back one a "Terminal — Pencil MCP" in mono, the front the editor: the CLI-and-GUI story told by layering alone, no caption needed
4Pill CTA beside a chromeless text link
Primary pill paired with a bare text link: a #26251e pill with a download glyph next to a gray "Read the docs →" with no chrome, so the hierarchy is fill against no fill
5Lowercase mono section eyebrows
Lowercase Geist Mono eyebrows ("understand", "assemble", "direct", "refine") label each zig-zag section like a pipeline stage, in muted gray above a light H2
6Mono spec line instead of badges
Spec strip under the hero: a single centered mono line ("Free beta · Pencil 1.0 · native macOS · signed and notarized …") stands in for a logo wall or feature badges
7Unboxed numbered four-step row
Four-step loop as plain numbered columns (01 Import, 02 Describe, 03 Review, 04 Finish) with mono numerals and no cards, icons or borders
8Painting bookend behind the final CTA
The painting returns as a full-bleed closing band behind a centered CTA, bookending the page with the hero's image

saas · landing · light · minimal, editorial · calm, human, technical, elegant

getartcraft.com2Oct 6

soffi.ai4Sep 13

delphi.ai6Sep 13

ideogram.ai2Oct 23

harmony.ai5Oct 21

Dia · Oct 20262Oct 9

pencil.video

More like this