Design
Mojo Studio
Playful French content-agency energy — oversized editorial display type set against a near-black canvas, a single hot accent (electric lime), full-bleed video reels, and rotating marquee descriptors that turn the brand's personality into kinetic typography.
Color Palette20 tokens
background#0e0e0e
surface#161616
surface-soft#1e1e1e
ink#f5f3ee
ink-secondary#a8a59d
ink-muted#6e6b64
primary#d4ff3f
accent-hover#c2f024
accent-press#aede12
paper#f5f3ee
paper-ink#0e0e0e
paper-muted#6e6b64
border#2a2a2a
border-soft#1f1f1f
divider#333330
on-primary#0e0e0e
on-ink#0e0e0e
on-surface#f5f3ee
tag-bg#1e1e1e
tag-text#d4ff3f
Buttons
TypographyGoogle Font
Anton
display-hero
The quick brown fox
96px · 400 · -1px
display-large
The quick brown fox
72px · 400 · -0.5px
section-heading
The quick brown fox
48px · 400 · 0px
marquee
The quick brown fox
40px · 400 · 0px
card-title
The quick brown fox
24px · 600 · -0.5px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes
Mojo Studio
Playful French content-agency energy — oversized editorial display type set against a near-black canvas, a single hot ac…
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
Mojo Studio
Playful French content-agency energy — oversized editorial display type set against a near-black canvas, a single hot accent (electric lime), full-bleed video reels, 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
HomeDesignMojo 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 Mojo Studio.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Mojo Studio tokens export const theme = { primary: "#d4ff3f", radius: "8px", }
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
Loading
Pagination
‹123…12›
Brand moment
Mojo Studio is a French content-creation agency, and its site behaves like a showreel that learned to be a website. The canvas is a deep near-black () that lets full-bleed video pl…