Retail
D&G Beauty
Baroque luxury — ivory canvas and near-black ink with a single baroque gold accent, refined high-contrast serif display headings over a quiet sans body, generous editorial whitespace, and sharp near-zero radii that keep the interface couture-precise rather than soft.
Color Palette16 tokens
background#f5f1ea
surface#ffffff
surface-soft#faf7f1
ink#1a1a1a
ink-pure#000000
ink-secondary#5c554c
ink-muted#8c857a
primary#b08d4f
primary-deep#8a6d39
gold-soft#d8c9a8
on-primary#ffffff
on-ink#f5f1ea
border#e2dace
border-strong#1a1a1a
overlay-backdrop#1a1a1a
selection-text#ebe3d6
Buttons
TypographyGoogle Font
Cormorant Garamond
display-hero
The quick brown fox
56px · 500 · -0.5px
display
The quick brown fox
40px · 500 · -0.25px
heading
The quick brown fox
28px · 500 · 0px
eyebrow
The quick brown fox
12px · 500 · 2.4px
body-large
The quick brown fox
18px · 400 · 0.2px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes
D&G Beauty
Baroque luxury — ivory canvas and near-black ink with a single baroque gold accent, refined high-contrast serif display…
Retailnone
micro
xs
sm
Elevation
RING
CARD
ELEVATED
Controls
On
Off
✓Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
D&G Beauty
Baroque luxury — ivory canvas and near-black ink with a single baroque gold accent, refined high-contrast serif display headings over a quiet sans body, generous editoria…
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
| Member | Plan | Status |
|---|---|---|
| AQAvery Quinn | Pro | Active |
| JLJordan Lee | Team | Pending |
| SRSam Rivera | Free | Active |
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Tooltip · Popover
Brand-styled tooltipHover target
Keyboard shortcuts
Press ⌘K to open the command menu, ? for help.
Navigation bar
Banner
Pricing
Pro
$24 /mo
- Unlimited projects
- Priority support
- Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeRetailD&G Beauty
Menu
Toast
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to D&G Beauty.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// D&G Beauty tokens export const theme = { primary: "#b08d4f", radius: "8px", }
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
Loading
Pagination
‹123…12›
Brand moment
The D&G Beauty gift-finder is a digital boutique — an interface built to feel like the inside of a Dolce&Gabbana fragrance counter rather than a web app. The system rests on a warm…