[Template: Luxury Minimalist White-Space Frame (Build Minimal)] [Intent] High-end brand hero / single-word statement / elegant title card. Visual distilled from the Build Studio school of huashu-design (MIT, © alchaincyf).
[Canvas] 1920×1080, warm white background #FAFAF8; warm gold radial wash overlaid at top-left (rgba(212,165,116,0.07))。70%+ white space is the soul of this style, do not fill it up.
[Typography] Western Inter weight 200/300 (ultra-thin); Chinese Noto Sans SC Light. Tightened letter-spacing (-4 ~ -7px).
[Main structure (timeline, default 5s)]
- 0.2s Four-corner corner marks (warm gold 0.5px L-shaped stroke) + warm gold wash fade in.
- 0.5s eyebrow (uppercase, letter-spacing 9px,
#B0ACA4) fadeUp。 - Starting at 0.6s hero word emerges character by character (each character a .ch span, staggered 80ms, translateY 30→0, expo-out). font-size ~220px, weight 200.
- 1.9s Warm gold thin line (
#D4A574, height 1px) grows from width 0 → 88px, centered. - 2.2s Two lines of desc (weight 300,
#A8A4A0, line-height 2) fadeUp。 - 1.8s small vertical labels on the sides (one on each side, rotate ±90°) fade in.
- Starting at 2.4s 7 thin vertical lines at the bottom (1.5px, some warm gold) rise in staggered fashion, then enter a 4s slow breathing loop (opacity 1↔0.45).
[Color discipline] Use only warm white #FAFAF8 / near-black #1A1A18 / warm gold #D4A574 / warm gray #A8A4A0/#B0ACA4。Forbiddenvivid colors. Warm gold is the only accent, extremely restrained (thin lines / corner marks / occasional indicators).
[Content discipline]
- hero is a single word (≤16 characters), must use the user's real brand word/theme word.
- desc is two lines of short sentences, lorem ipsum strictly forbidden.
- For animation use
@keyframes,prefers-reduced-motioneverything below stops at the final state. - Single-file HTML.