← stackbench / RemotionKurgusal ürün demosu

Daha az dağınıklık, daha çok alan

Fikirlerine yer aç.
Gününü yeniden kur.

Planını, notlarını ve odak saatlerini tek bir çalışma setinde topla. Tasnora ile kendine uyan bir ritim tasarla.

12 saniye · 1280×720 · sessiz · Remotion ile yerelde üretildi.

Videoyu oynat düğmesiyle başlat. Bu önizleme otomatik oynatılmaz. Videoyu indir ↗

Remotion lisansı koşullu. Tek kişilik şirket (sahibi dahil 1 kişi) ücretsiz kapsamdadır: birey veya en fazla 3 çalışanlı kuruluş. Ekip 3 kişiyi aşarsa Company License gerekir. Lisans gerekçesini oku ↗

Remotion, React kompozisyonunu hero videosuna dönüştürür. Diğer yedi bölüm düz HTML ile kuruludur.

Kompozisyon kaynağı

Ortak Tasnora metinlerini kare numarasıyla canlandıran React kompozisyonundan kısa bir örnek.

import type { CSSProperties, ReactNode } from "react";
import { AbsoluteFill, Sequence, useCurrentFrame, useVideoConfig, interpolate, spring } from "remotion";
import { demoIcerik as c } from "../lib/demo-icerik";
import { Fonts } from "./Fonts";

const colors = { paper: "#f3f1e7", ink: "#243d32", accent: "#35624c", sage: "#dce4d4", line: "#bfcdbd" };
const serif = '"Tasnora Serif", serif';
const sans = '"Tasnora Sans", sans-serif';
const title: CSSProperties = { margin: 0, fontFamily: serif, fontSize: 60, lineHeight: 1.16, fontWeight: 400, letterSpacing: -1.8 };

function Card({ index, children, style }: { index: number; children: ReactNode; style?: CSSProperties }) {
  const frame = useCurrentFrame(); const { fps } = useVideoConfig();
  const enter = spring({ fps, frame: Math.max(0, frame - 8 - index * 6), config: { damping: 200, stiffness: 150 } });
  return <div style={{ padding: 28, background: "#fffdf6", border: `1px solid ${colors.line}`, borderRadius: 12, opacity: interpolate(frame, [8 + index * 6, 17 + index * 6], [0, 1], { extrapolateLeft: "clamp", extrapolateRight: "clamp" }), transform: `translateY(${(1 - enter) * 35}px)`, ...style }}>{children}</div>;
}
// …
export function Tasnora() {
  return <AbsoluteFill style={{ background: colors.paper }}><Fonts />{[0, 1, 2, 3].map(index => <Sequence key={index} from={index * 90} durationInFrames={90}><Scene index={index} /></Sequence>)}</AbsoluteFill>;
}

Ana kompozisyon TSX kaynağını indir ↗Root.tsx.txt ↗index.tsx.txt ↗Fonts.tsx.txt ↗demo-icerik.ts.txt ↗lisans.md ↗

bu bölüm aracın değil

01 / küçük bir düzen

İyi bir gün,
küçük bir alanla başlar.

Günü görünür kıl

Dağınık işleri bir günlük kartta sırala.

Öncelik, zaman ve küçük bir sonraki adım için ayrı alanlar. Kartı kendi ritmine göre yeniden düzenle.

Tek işe yer aç

Odak bloklarıyla takviminde nefes aç.

Kısa çalışma aralıkları ve bilinçli molalar için sade bir şablon. Ne kadar çalışacağını sen belirlersin.

Rutinini kendin kur

Haftanı geride bırakmadan gözden geçir.

Haftalık değerlendirme kartında işe yarayanları tut, gerisini değiştir. Hazır bir verimlilik reçetesi yok.

bu bölüm aracın değil

02 / çalışma setleri

İhtiyacın kadar alan.

Örnek fiyatlar. Tek seferlik dijital set; gerçek satış yapılmaz.

Başlangıç

240 ₺

Kendi gününe küçük bir başlangıç.

12 günlük kart
3 odak şablonu
Kişisel kullanım

Atölye

480 ₺

Tekrar eden işler için daha geniş alan.

24 günlük kart
8 odak şablonu
Haftalık değerlendirme

Stüdyo

840 ₺

Birlikte üreten küçük ekipler için.

36 günlük kart
12 odak şablonu
Ortak çalışma panosu

Seçili plan: Atölye.

bu bölüm aracın değil

03 / senin ritmin

Çalışma düzenini seç

Çalışma düzeni

bu bölüm aracın değil

04 / setin içinden

Bir kartı eline alır gibi.

Öncelik

Gün kartı

Bugünün tek önemli işini, iki destek adımını ve kapanış notunu bir arada tut.

Tek önemli işİki destek adımıKapanış notu

Zaman

Odak kartı

Bir odak aralığı seç, dikkatini bölenleri kenara yaz ve mola için yer bırak.

Odak aralığıDikkatimi bölenlerMolam

Değerlendirme

Hafta kartı

Bu haftadan taşımak istediklerini, bırakacaklarını ve bir sonraki küçük adımını yaz.

Bu haftadan kalanBıraktıklarımSonraki adım

bu bölüm aracın değil

05 / aklında kalanlar

Küçük sorular.
Açık yanıtlar.

Fiziksel bir ürün mü?

Hayır. Bu kurgusal ürün, dijital çalışma kartlarından oluşan bir set olarak tasarlandı. Görseller bir ürün fikrini anlatır.

Hangi planı seçmeliyim?

Tek başına denemek için Başlangıç, haftalık düzen için Atölye, birlikte çalışmak için Stüdyo seçeneklerini karşılaştırabilirsin.

Buradan satın alabilir miyim?

Bu bir araç karşılaştırma demosudur. Gerçek satış, ödeme, üyelik veya ürün teslimi yapılmaz.

Forma yazdıklarım kaydedilir mi?

Hayır. Form yalnız bu sayfada yerel bir onay gösterir. Yazdıkların sunucuya gönderilmez, sayfayı yenileyince silinir.

bu bölüm aracın değil

06 / bir sonraki küçük adım

Kendi setini düşün.

Bir örnek plan seçip çalışma ihtiyacını yaz. Formu yalnız burada dene; veri gönderilmez.

Örnek plan: Atölye
Çalışma düzeni: Kişisel

bu bölüm aracın değil