Techniques
Washi Paper Texture
A subtle noise overlay that gives surfaces the warm, fibrous feel of handmade Japanese paper.
.washi-surface {
background-color: #f0e8d6;
position: relative;
}
.washi-surface::after {
content: "";
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
pointer-events: none;
mix-blend-mode: multiply;
}
Sumi Ink Outline Card
Cards framed with a thin, hand-drawn-feeling black border — the digital equivalent of a woodblock panel edge.
.ukiyo-card {
background: #f7f4ef;
border: 1px solid #1a1712;
border-radius: 2px;
padding: 24px;
position: relative;
transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ukiyo-card:hover {
box-shadow: 0 4px 6px rgba(26, 23, 18, 0.07);
}
Vermillion Seal Stamp Accent
A square accent mark inspired by the red hanko (personal seal) that artists stamped on their prints. Used for badges, tags, or emphasis markers.
.hanko-stamp {
display: inline-flex;
align-items: center;
justify-content: center;
background: #c8442d;
color: #f0e8d6;
font-family: 'Cormorant Garamond', serif;
font-weight: 700;
font-size: 0.75rem;
letter-spacing: 0.05em;
padding: 4px 8px;
border-radius: 2px;
line-height: 1;
}