Flip Card
A 3D flip card that rotates on hover to reveal details and a link for service and feature grids.
Usage
The import and the props worth knowing about, in one place.
import { Card13 } from "@/components/beste/component/card13";
import { Palette } from "lucide-react";
// Hover (or keyboard focus) flips the card to the detail face.
<Card13
title="Brand systems"
description="Identity, guidelines, and design tokens that scale."
href="/services/brand"
linkLabel="Explore service"
/>
<Card13
icon={Palette} // front icon (default: Layers)
title="Art direction"
description="Campaign visuals from moodboard to final delivery."
href="/services/art"
tone="primary" // back face: "dark" (default) | "primary"
/>Playground
Turn the props on the right; the snippet under them is what you would write to get what you see.
Brand systems
Brand systems
Identity, guidelines, and design tokens that scale across every touchpoint of your product.
import { Card13 } from "@/components/beste/component/card13";
<Card13
title="Brand systems"
description="Identity, guidelines, and design tokens that scale across every touchpoint of your product."
href="#"
linkLabel="Explore service"
/>Props
Read from the component's own type, so this cannot drift from what it accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
icon | LucideIcon | — | Front face icon (defaults to Layers) |
title* | string | — | Title, shown on both faces |
description* | string | — | Back face body text |
href | string | — | Back face link |
linkLabel | string | — | Back face link label (defaults to "Learn more") |
tone | "dark" | "primary" | — | Back face surface |
className | string | — | Additional classes merged onto the root |
More Card components
View all Card
Meet the Atlas Deck
A modular controller for creative tools, machined from a single block of aluminum.
3D Tilt Card
A 3D tilt card that rotates in perspective toward the cursor with a moving glare for product showcases.
Book Cover Card
A 3D book cover card that swings open on hover to reveal page edges for ebooks, guides, and lead magnets.
Photo Stack Card
A photo stack card whose tucked prints fan out on hover for albums, galleries, and case studies.
Summer in AlacatiAug 2026Polaroid Card
An instant photo card with masking tape, serif caption, and a tilt that straightens on hover for galleries.
Deniz Arslan
Creative Director
Leads brand systems for venture backed startups. Previously at North & Co.
View profileTeam Reveal Card
A team member card with a grayscale portrait that gains color on hover while a bio drawer slides up.