launchreel Ink Seal

launchreel 墨印

Filmlight温厚笃定留白

象牙宣纸，宋体，慢打字，装裱页面加三张卡，安静溶解。中文优先。

Ivory rice paper, Song-style serif, slow typed lines, framed pages and three cards, quiet dissolves. Chinese-first.

LAUNCHREEL INK SEAL80–90 bpm

慢慢来，比较快

三张卡 · 一页一事

16:9 frame mock · light

Palette

Type

标题 Display 永正文 Body — 好的界面不抢内容 1234567890Previews use your installed fonts; webfonts are not bundled.

Display	"Source Han Serif SC", "Noto Serif SC", "Songti SC", serif
Body	Inter, "Noto Sans SC", system-ui, sans-serif
super	144px
chapter	64px
ui title	40px
body	28px
label	22px

Display Source Han Serif SC, body Inter. Chinese films: Source Han Serif SC. Sizes at 1920×1080.

Shape & surface

radius · card	14px
radius · screen	18px
shadow	none
glass	none

Motion

Entrance: typewriter (out-cubic).
Tempo 80–90 bpm (picked per domain inside the range); hold 1800ms.
Transitions: cut, dissolve, iris.

Film parameters

Resolution	1920×1080
Stage	paper ivory base
Grain / vignette	off / off
Device	none
Entrance	typewriter
Tempo	80–90 bpm
Hold	1800ms
Layouts (stats / steps / features / screens)	count-up / lines / cards / framed
Transitions	cut, dissolve, iris
Openings	kicker-wordmark, hero-screen
End cards	wordmark, tile
Best for	chinese-consumer / community / creator-tool

Do / Don't

Do

Chinese films use Source Han Serif SC for both display and body.
Longest holds (1.8s), slowest tempo.
Leave whitespace (留白).

Don't

Don't use in English films unless asked (zhFirst penalty).
Don't use whip pans.

Used in

launchreel look menu

Sources

launchreel: src/lib/style/look-menu.ts (LOOK_MENU), src/lib/style/look.ts, src/lib/style/defaults.ts

Updated 2026-10-13

Export

/* launchreel Ink Seal / launchreel 墨印 — Ivory rice paper, Song-style serif, slow typed lines, framed pages and three cards, quiet dissolves. Chinese-first. */
:root {
  --launchreel-ink-seal-bg: #F7F2E8;
  --launchreel-ink-seal-surface: color-mix(in oklab, #ffffff 70%, #F7F2E8);
  --launchreel-ink-seal-ink: #221D16;
  --launchreel-ink-seal-muted: #766B5A;
  --launchreel-ink-seal-accent: #2F6DF6;
  --launchreel-ink-seal-accent-ink: #ffffff;
  --launchreel-ink-seal-line: color-mix(in oklab, #221D16 14%, #F7F2E8);

  --launchreel-ink-seal-pal-stage-bg: #F7F2E8;
  --launchreel-ink-seal-pal-ink: #221D16;
  --launchreel-ink-seal-pal-muted: #766B5A;
  --launchreel-ink-seal-pal-accent-example: #2F6DF6;
  --launchreel-ink-seal-pal-accent-2-example: #8698D5;

  --launchreel-ink-seal-font-display: "Source Han Serif SC", "Noto Serif SC", "Songti SC", serif;
  --launchreel-ink-seal-font-body: Inter, "Noto Sans SC", system-ui, sans-serif;
  --launchreel-ink-seal-text-super: 144px;
  --launchreel-ink-seal-text-chapter: 64px;
  --launchreel-ink-seal-text-ui-title: 40px;
  --launchreel-ink-seal-text-body: 28px;
  --launchreel-ink-seal-text-label: 22px;

  --launchreel-ink-seal-radius-card: 14px;
  --launchreel-ink-seal-radius-screen: 18px;
  --launchreel-ink-seal-shadow: none;
}

/* Tailwind v4 — paste into your main CSS after @import "tailwindcss"; */
@theme {
  --color-bg: #F7F2E8;
  --color-surface: color-mix(in oklab, #ffffff 70%, #F7F2E8);
  --color-ink: #221D16;
  --color-muted: #766B5A;
  --color-accent: #2F6DF6;
  --color-accent-ink: #ffffff;
  --color-line: color-mix(in oklab, #221D16 14%, #F7F2E8);
  --font-display: "Source Han Serif SC", "Noto Serif SC", "Songti SC", serif;
  --font-sans: Inter, "Noto Sans SC", system-ui, sans-serif;
  --radius-card: 14px;
  --radius-screen: 18px;
}

// Tailwind v3 — tailwind.config.js
export default {
  theme: {
    extend: {
      colors: {
        "bg": "#F7F2E8",
        "surface": "color-mix(in oklab, #ffffff 70%, #F7F2E8)",
        "ink": "#221D16",
        "muted": "#766B5A",
        "accent": "#2F6DF6",
        "accent-ink": "#ffffff",
        "line": "color-mix(in oklab, #221D16 14%, #F7F2E8)",
      },
      fontFamily: {
        display: ["\"Source Han Serif SC\", \"Noto Serif SC\", \"Songti SC\", serif"],
        sans: ["Inter, \"Noto Sans SC\", system-ui, sans-serif"],
      },
      borderRadius: {
        "card": "14px",
        "screen": "18px",
      },
    },
  },
};