About this piece
Signature Draw
A contract signs itself: the signature strokes onto the dotted line, then the signed badge and timestamp fade in behind it.
Usage
The import and the props worth knowing about, in one place.
import { Legal31 } from "@/components/beste/piece/legal31";
<Legal31
documentTitle="Master services agreement"
reference="MSA-2291"
signerName="Nina Simone"
signedAt="Signed today at 09:41"
/>More Legal pieces
View all LegalDraw your signature
Beste Sözen
Use your trackpad or stylusSignature Pad
Dashed sketch surface with a draw label, clear action, and an italic serif sample on the baseline.
SignatureSigned
Beste Sözen
Beste SözenPrincipal, Beste Design Studio
Signed Apr 21, 2026Signed Block
Completed signature panel with an italic cursive autograph, emerald Signed pill, and a printed footer.
Signature workflow
Beste SözenCounsel · Apr 23 · 09:12
signedKian OkaforCEO · Kestrel
waitingLP
Lina ParkWitness
sentSignature Workflow
E-signature routing panel showing each signer, their role, and a state pill for signed, waiting, or sent.
×
Beste SözenPrincipal, Beste Design Studio
Date: __ / __ / ____Sign Here Field
Blank signature block with a dashed baseline, tilted rose Sign here tag, and printed name underneath.