Design
C23 Studio
Dark studio brutalism — near-black canvas with high-contrast off-white ink, an acidic lime-green accent reserved for emphasis, oversized tightly-tracked display type, and minimal flat chrome where borders are hairline neutrals and corners stay nearly square.
Color Palette19 tokens
background#0a0a0a
surface#141414
surface-soft#1c1c1c
ink#f5f5f0
ink-secondary#a3a3a0
ink-muted#6b6b68
primary#c6f432
primary-hover#d4ff52
accent-soft#26301a
neutral-900#0a0a0a
neutral-800#141414
neutral-700#262626
neutral-600#404040
neutral-400#808080
neutral-200#d4d4d0
border#262626
border-strong#404040
on-primary#0a0a0a
on-ink#0a0a0a
Buttons
TypographyGoogle Font
Space Grotesk
display-hero
The quick brown fox
80px · 600 · -3.2px
section-heading
The quick brown fox
48px · 600 · -1.92px
sub-heading
The quick brown fox
32px · 500 · -1.0px
card-title
The quick brown fox
22px · 500 · -0.66px
body-large
The quick brown fox
20px · 400 · -0.2px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes
C23 Studio
Dark studio brutalism — near-black canvas with high-contrast off-white ink, an acidic lime-green accent reserved for emp…
Designnone
xs
sm
md
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
C23 Studio
Dark studio brutalism — near-black canvas with high-contrast off-white ink, an acidic lime-green accent reserved for emphasis, oversized tightly-tracked display type, and…
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
HomeDesignC23 Studio
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 C23 Studio.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// C23 Studio tokens export const theme = { primary: "#c6f432", radius: "8px", }
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
Loading
Pagination
‹123…12›
Brand moment
C23 Studio presents as a creative practice that treats its own website like a piece of work, not a brochure. The system runs on a near-black canvas () carrying an off-white, slight…