teeu
Marketplace UI Kit
Interface system, components & key screens
v1.0  ·  Manrope / JetBrains Mono
Desktop-first  ·  8pt grid
01

Foundations

Color
{{ c.name }}
{{ c.hex }}
Typography — Manrope
Display 38 / 800
Heading 26 / 800
Subhead 18 / 700
Body — clean and easy to read 15 / 500
Caption / meta 12 / mono
Radius & elevation
10 sm
16 md
22 lg
shadow
Buttons
Pill / chip
Inputs
Search products, brands…
Focused field
Select category
Checkbox Toggle
Badges & status
-28% New Free shipping Delivered Shipped Pending ★ 4.8
02

Header & navigation

teeu
Search across every category… /
{{ cat }}
Signed-in state
teeu
Search across every category…
2
AR Amara
03

Product card

Default · Hover · Sale · Out of stock
DEFAULT
Electronics · 800×800
SoundLab
Aura Wireless Headphones
★4.8(1,204)
$129
HOVER
Home · 800×800
Clayhaus
Minimalist Ceramic Vase Set
★4.9(318)
$42
SALE
Fashion · 800×800 -25%
Everwear
Organic Cotton Crew Tee
★4.6(890)
$24$32
OUT OF STOCK
Beauty · 800×800 Sold out
GlowRx
Hydrating Glow Serum 30ml
★4.7(640)
04

Marketplace — browse

teeu
headphones
AR
Category
Electronics Fashion Home & Living Beauty Sports
Price
$20$180
Rating
★★★★☆ & up ★★★☆☆ & up
Electronics · 1,248 results
Sort Most popular
{{ p.shot }} {{ p.badge }}
{{ p.seller }}
{{ p.name }}
★{{ p.rating }}({{ p.reviews }})
${{ p.price }} ${{ p.old }}
05

Customer dashboard

teeu
{{ n.label }}
AR
Amara Osei
Member since 2023
Hi Amara 👋
Here's what's happening with your orders.
Active orders
2
Favorites
14
teeu points
820
Saved this yr
$142
Your ordersView all
{{ o.item }}
#{{ o.id }} · {{ o.qty }} · {{ o.eta }}
${{ o.total }}
{{ o.status }}
Tracking · #TU-4821
OrderedPackedOut for deliveryDelivered
Recommended for you
Trail Running Shoes
★ 4.4 · $96
Leather Card Wallet
★ 4.9 · $38
Messages1
SL
SoundLab
Your order shipped! Tracking is now live 🎧
06

Store dashboard

Seller view
teeu SELLER
{{ n.label }}
SL
SoundLab
Verified seller
Dashboard
Store performance · last 30 days
{{ s.label }}
{{ s.value }}
{{ s.delta }}
Revenue30 days
$18,240
W1W2W3W4W5W6W7
Recent reviews★4.8
{{ r.name }}{{ r.stars }}
{{ r.body }}
{{ r.item }} · {{ r.when }}
Orders to fulfillManage all
Order Product Buyer Status Total
#{{ o.id }}
{{ o.when }}
{{ o.item }}
{{ o.buyer }}
{{ o.status }}
${{ o.total }}