Vibary.ai
← All UI styles

Guochao Gilt

Lacquer red carrying gold-leaf rules and a gilt accent — the shine is metal, not gloss, and it is the only light allowed.

Brushed metalexpressiveFestival campaignsHeritage brand dropsCultural events

Construction · Brushed metal

Surfaces are machined: a fine directional grain, a specular band across the face, and a bright cut edge where the panel was milled.

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 Guochao Gilt style. Lacquer and gilt: aged-silk ground, gold metallic rules, a lacquer-red accent and display type stacked tall like a festival poster. The shine is gold leaf, never gloss —

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

What carries the look

  • lacquer red accent
  • gold leaf rules
  • gilt metallic sheen
  • stacked festival type

What this style refuses

  • pastel or muted palettes
  • cool blues and greys
  • blurred drop shadows
  • rounded friendly corners
  • gloss standing in for gilt

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#f6ead8#1c0f0c
Surface#fdf4e4#2a1410
Border#b08430#a4762c
Text#2d1f16#f3e2c8
Muted text#6e5844#c3a276
Accent#b0261c#e8b34b
On accent#ffedd2#2a1204

Shape and type

Radius0 / 2 / 4 px
Border1px solid
Shadownone
DisplayImpact
Bodysystem-ui
Monoui-monospace
Type scale11 · 13 · 15 · 18 · 26 · 40 px
Weights500 / 800 / 900
Line height1.4
Tracking0.02em
Spacing4px grid · regular
Surfaceflat
Accentfilled
Separatorrule
Labelsuppercase
Blurnone

Measured contrast — body 13.4:1 light, 14.71:1 dark; secondary text 5.63:1 and 7.79:1. Every pair clears WCAG AA in both themes, checked on each build.

Specimen · Specimen.tsx

import type { CSSProperties } from "react";

/**
 * Vibary · Guochao Gilt
 *
 * Lacquer red carrying gold-leaf rules and a gilt accent — the shine is metal, not gloss, and it is the only light allowed.
 *
 * One complete product screen, rendered from the token object below —

Nearby styles