zhège
We've got you.
Foundations · Color
One orange, two themes as equal peers
Neutrals are a warm-free grey ramp; accent wells give icons a soft home in both themes.
Orange
#D4862D · primary
Deep bronze
#B37F43 · light accent
Amber well
#373532 · icon bg dark
Amber tint
#FFFAE5 · icon bg light
Dark surfaces
Ink
#131210 · startup
Base
#131210 · app bg
Card
#201F1C · elevated
Tile
#131210 · app icon
Border
#373532 · hairline
Light surfaces
White
#FFFFFF · app bg
Warm white
#FFFBF6 · card
Border light
#DFDFDF · hairline
Neutral text ramp
F5F3EFDFDFDF9B98936E6A64403E38131210
Status
Success
#D4862D
Danger
#991B1B
Foundations · Typography
Bricolage for the loud moments, Inter for everything else
zhège
Good morning
Connecting you.
Bricolage Grotesque · 700 & 800
headings, greeting, screen titles, wordmark
headings, greeting, screen titles, wordmark
What do you need help with?
Take a pet out of China
Common Tasks
We've got you.
Inter · 400–700
body, labels, rows, captions, buttons
body, labels, rows, captions, buttons
Display / 40Aa Zhège
Title / 28Good morning
Screen / 22Pets
Body / 15Find an English-speaking vet
Label / 12Help Topics
Foundations · Shape & depth
Soft radii, one glow
Corner radius
11.5 · sm
15.5 · md
22 · lg
19.5 · tile
pill · CTA
Elevation
Flat · hairline
Card
CTA glow
Foundations · Iconography
Line icons, 1.75px stroke, rounded
verified
bilingual
language
local
pets
health
money
travel
daily life
call
search
chevron
Components · Building blocks
Every piece, in both themes
Buttons
Get started
Text instead
Cancel
Get started
Text instead
Cancel
Search field
What do you need help with?
What do you need help with?
Feature card
Verified local info
In your language
Verified local info
In your language
Topic tile · home grid
Visa and residency
Pets
Visa and residency
Pets
Task row · portal list
Take a pet out of China
Vaccinations and paperwork
Take a pet out of China
Vaccinations and paperwork
Context card · call flow
LanguageEnglish
TopicPets
LocationHangzhou
LanguageEnglish
TopicPets
LocationHangzhou
Bottom navigation
Call affordance & app icon
Orange #D4862D · dark tile #131210 · amber mark #E5BD91 · cream #FFFAE5. One mark, tinted by its surface.
