Sticky Note Card

About this component

A sticky note card with a folded corner and push pin for founder notes and playful reminders.

Usage

The import and the props worth knowing about, in one place.

import { Card18 } from "@/components/beste/component/card18";

<Card18
  text="Ship the landing page first. Everything else can wait until Monday."
  from="PS: coffee is on me"
/>

<Card18
  text="Beta invites go out Friday."
  unpinned        // hide the push pin
  tone="mint"     // paper: "yellow" (default) | "pink" | "mint" | "sky"
/>

Playground

Turn the props on the right; the snippet under them is what you would write to get what you see.

Ship the landing page first. Everything else can wait until Monday.

PS: coffee is on me

Usage

import { Card18 } from "@/components/beste/component/card18";

<Card18
  text="Ship the landing page first. Everything else can wait until Monday."
  from="PS: coffee is on me"
/>

Props

Read from the component's own type, so this cannot drift from what it accepts.

Prop	Type	Default	Description
`text`*	`string`	—	The note text
`from`	`string`	—	Small monospace line at the bottom (e.g. "PS: coffee is on me")
`unpinned`	`boolean`	—	Hide the push pin
`tone`	`"yellow" \| "pink" \| "mint" \| "sky"`	—	Paper color
`className`	`string`	—	Additional classes merged onto the root

More Card components

View all Card

24 photosStudio offsite

Photo Stack Card

A photo stack card whose tucked prints fan out on hover for albums, galleries, and case studies.

Summer in AlacatiAug 2026

Polaroid Card

An instant photo card with masking tape, serif caption, and a tilt that straightens on hover for galleries.

Brand systems

Identity, guidelines, and design tokens that scale across every touchpoint of your product.

Explore service

Flip Card

A 3D flip card that rotates on hover to reveal details and a link for service and feature grids.

Selin Aksoyonline

The new landing page is live!

Already? That was two days of work at most

Blocks. It is all blocks.

Chat Card

A chat conversation card with message bubbles and a typing indicator for testimonials and support sections.

Wish you were here. The water is unreal and the studio ideas keep coming.

With love, Selin

Alacati, TR

The Beste team

Postcard

A postcard back with a serif message, dashed stamp, postmark, and address lines for personal storytelling sections.

Deniz Arslan

Creative Director

Leads brand systems for venture backed startups. Previously at North & Co.

View profile

Team Reveal Card

A team member card with a grayscale portrait that gains color on hover while a bio drawer slides up.