Vibary.ai
← All UI styles

New Chinese Ink

Ink on rice paper with one vermilion seal — the red block is pressed, not printed, and it is the only loud thing.

LetterpresseditorialTea and wellness brandsMuseum and heritage appsCalm reading products

Construction · Letterpress

Every element is pressed into the page rather than placed on it: an inner shade at the top of the dent, a light line at the bottom, and no outer shadow at all.

Every style renders this same screen, so the only thing changing between two of them is the style. The component above is the file below, running.

Prompt

Design this interface in the New Chinese Ink style. Ink on rice paper with a single vermilion seal. Unhurried grey-black serif over warm paper grain, thin rules dividing sections the way a mounted scroll does, and one

The numbers in this prompt are printed from the tokens below, so it cannot drift from what the specimen renders.

What carries the look

  • rice paper grain
  • vermilion seal block
  • mounted-scroll rules
  • unhurried oldstyle serif

What this style refuses

  • gradients of any kind
  • more than one red element in view
  • saturated color outside the seal
  • dense compact rows
  • gloss, glass or drop shadows

The refusals are the half that keeps generated interfaces from converging — a prompt that only says what to add gets the default look.

Tokens

Palette

RoleLightDark
Background#f7f3e8#17140f
Surface#fdfaf1#201c15
Border#cfc7b2#3a342a
Text#2b2722#ece5d3
Muted text#655d4f#a89e8b
Accent#a92c1e#d8543f
On accent#fdf6ec#2a0a04

Shape and type

Radius0 / 2 / 4 px
Border1px solid
Shadownone
DisplayPalatino Linotype
BodyPalatino Linotype
MonoCourier New
Type scale11 · 13 · 15 · 17 · 24 · 34 px
Weights400 / 600 / 700
Line height1.65
Tracking0.01em
Spacing4px grid · roomy
Surfacegrain
Accentblock
Separatorrule
Labelssentence case
Blurnone

Measured contrast — body 13.38:1 light, 14.62:1 dark; secondary text 5.86:1 and 6.93:1. Every pair clears WCAG AA in both themes, checked on each build.

Specimen · Specimen.tsx

import type { CSSProperties } from "react";

/**
 * Vibary · New Chinese Ink
 *
 * Ink on rice paper with one vermilion seal — the red block is pressed, not printed, and it is the only loud thing.
 *
 * One complete product screen, rendered from the token object below —

Nearby styles