# Jade Dynasty — heritage, without the pastiche

> Case study: a self-initiated Chinese tea brand and e-commerce concept — nineteen screens built on three hard rules about overlays, gradients and gold.

Source: https://ricardoportfolio.xyz/work/jade-dynasty
Language: en

---

Jade Dynasty
Case study · 03 / 04 · Self-initiated concept
Concept
Brand · E-commerce · Visual system
# Heritage, without the pastiche.
A self-initiated identity and e-commerce concept for a fictional Chinese tea house — nineteen screens, a reusable design system and a brand built to feel refined without leaning on visual clichés.
Read the story
![The Jade Dynasty lockup](https://ricardoportfolio.xyz/projects/Jade%20dynasty/Lockup%20%E2%80%94%20Vertical.png)
![Jade Dynasty case study cover](https://ricardoportfolio.xyz/art/Home%20%E2%80%94%20Jade-Dynasty-Banner.jpg)
Role
Brand & digital designer
Type
Self-initiated concept
Scope
Identity · 19 screens Design system
Year
2026
01 — The Brief
## Premium tea online often falls into costume or generic wellness.
Dragons, brush strokes, and jade textures until the brand reads as fancy dress — or strip everything cultural out and it becomes one more minimal wellness shop. The brief was to find the third path.
“Treat tea as agriculture first, luxury second — altitude, picking windows, wok temperature.”
View case study
01
Too much costume
Dragons, brush strokes and jade textures until the brand reads as fancy dress.
02
Too little identity
Strip everything Chinese out and it becomes one more minimal wellness shop.
03
The opportunity
Treat tea as agriculture first, luxury second — altitude, picking windows, wok temperature.
04
The output
A full commerce flow, an editorial section that earns authority, and a system a developer can build from.
02 — The rule that shaped everything
## No overlays. No gradients. Let the materials do the work.
The hardest of three rules, and the most useful: without the easy tool for putting text on images, every hero became a deliberate hard split.
RULE 01
No overlays
Text and image never share the same layer. A hard split forces every page to earn its layout.
RULE 02
No gradients
Flat fields only. The palette is strong enough to carry contrast without a fade.
RULE 03
Gold as accent only
Gold appears as a hairline, a rule or a price. Jade and charcoal carry eighty percent of every page.
03 — The Work
## Nineteen screens, one standard.
A complete e-commerce system — homepage through checkout — built on eleven design tokens and zero compromises on the rule.
![The Jade Dynasty homepage](https://ricardoportfolio.xyz/art/Jade-Dynasty%20%E2%80%94%20homepage.png)
![Jade Dynasty on mobile](https://ricardoportfolio.xyz/art/Jade-Dynasty%20%E2%80%94%20mobile.png)
![The Jade Dynasty design system](https://ricardoportfolio.xyz/art/Jade-Dynasty%20%E2%80%94%20system.png)
![A Jade Dynasty storefront](https://ricardoportfolio.xyz/art/Jade-Dynasty%20%E2%80%94%20storefront.png)
![Jade Dynasty packaging](https://ricardoportfolio.xyz/art/Jade-Dynasty%20%E2%80%94%20bag.png)
A brand that has to work beyond the browser.Storefront, packaging and interface all share the same restrained visual language.
04 — Key decisions
## The calls that shaped it.
Three hard rules applied consistently from the first artboard to the last. When a rule broke, the page broke — and you could see it immediately.
Gold is a line, never a field
Gold appears as a hairline, a rule or a price. Jade and charcoal carry roughly eighty percent of every page.
Vermillion once per screen
Used only on the seal, so it reads as ceremonial punctuation rather than an alert colour.
Culture through content
Chinese product names beside English and scroll-like vertical rhythm carry the heritage — not ornament.
05 — Type System
THE PRIMARY DISPLAY FACE
Cormorant Garamond
Chosen for its editorial authority and Renaissance roots. In this self-initiated concept, that sense of refinement supported the fictional heritage positioning without pretending the brand had a real historical lineage.
STRUCTURE & SYSTEM BODY
Geist Variable
Clean, contemporary, and technically precise. The sans balances the serif and signals a modern commerce system rather than a museum piece.
06 — Reflection
## The constraints gave the brand its character.
Three rules held from the first screen to the last made the system feel inevitable. No overlay meant every layout had to be honest about what the image was doing. No gradient meant every colour choice was load-bearing. Gold as accent only meant that every use of it landed.
View all work
Next case study →
04 Kairova
A playable operating system for real life.