Design
Studio Office
A warm "everythingist" creative space — earthy desert palette (sienna terracotta, olive drab, warm sand) on a near-black ink, Tiro Tamil serif body paired with condensed Oswald display, oversized soft radii (.6em–1em), and playful personality-driven microcopy.
Color Palette22 tokens
background#fafafa
surface#ffffff
surface-sand#d8d1bd
ink#1d1705
ink-soft#333333
ink-muted#999999
primary#be5d42
olive#767f64
sand#d8d1bd
blackish#1d1705
gray-200#e2e2e2
gray-300#dddddd
gray-400#cccccc
gray-500#c8c8c8
gray-600#999999
gray-700#222222
link-blue#0082f3
alert-red#ea384c
on-primary#fafafa
on-olive#1d1705
on-ink#fafafa
on-sand#1d1705
Buttons
TypographyGoogle Font
Tiro Tamilbrand uses Oswald
display-hero
The quick brown fox
64px · 700 · -0.03em
display
The quick brown fox
44px · 700 · 0.1em
section-heading
The quick brown fox
32px · 400 · -0.02em
card-title
The quick brown fox
24px · 400 · -0.02em
paragraph-large
The quick brown fox
20px · 400 · -0.02em
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes
Studio Office
A warm "everythingist" creative space — earthy desert palette (sienna terracotta, olive drab, warm sand) on a near-black…
Designnone
sm
md
lg
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
Studio Office
A warm "everythingist" creative space — earthy desert palette (sienna terracotta, olive drab, warm sand) on a near-black ink, Tiro Tamil serif body paired with condensed…
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
HomeDesignStudio Office
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 Studio Office.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Studio Office tokens export const theme = { primary: "#be5d42", radius: "12px", }
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
Loading
Pagination
‹123…12›
Brand moment
Studio Office is a creative rental space in Denver, and its site reads like the room it sells — warm, lived-in, and full of personality. The visual language is built on a desert-ad…