Brands813
to browse
Skarlo· Designskarlo.co
Design

Skarlo

Studio-grade dark minimalism — near-black canvas with white Inter type, an Instrument Serif editorial accent, a single saturated crimson signal color, and a pastel spectrum reserved for decorative gradients. Tight negative tracking, soft 5px radii on chrome, full-pill CTAs.

Color Palette26 tokens
background#000000
surface#0d0d0e
surface-soft#131415
ink#ffffff
ink-secondary#ababab
ink-muted#6b6b6b
primary#e11438
primary-deep#560319
on-primary#ffffff
surface-light#ffffff
surface-light-soft#e5e5e5
ink-on-light#000000
border#262626
border-soft#1a1a1c
spectrum-yellow#fff18a
spectrum-amber#f2e26c
spectrum-orange#f9a574
spectrum-coral#f8b8ac
spectrum-pink#ff738c
spectrum-violet#b28dff
spectrum-lavender#b49beb
spectrum-sky#a1e6ff
spectrum-cyan#4fd0ff
spectrum-mint#58f5cb
spectrum-teal#23d3a4
on-ink#000000
Buttons
TypographyGoogle Font
Inter
display-hero

The quick brown fox

80px · 500 · -2px
display-serif

The quick brown fox

80px · 400 · -1.6px
section-heading

The quick brown fox

60px · 500 · -1.2px
sub-heading

The quick brown fox

50px · 400 · -1px
card-title

The quick brown fox

30px · 500 · -0.6px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Skarlo

Studio-grade dark minimalism — near-black canvas with white Inter type, an Instrument Serif editorial accent, a single s…

Design
none
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
Skarlo
Studio-grade dark minimalism — near-black canvas with white Inter type, an Instrument Serif editorial accent, a single saturated crimson signal color, and a pastel spectr…
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
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewSkarlo just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeDesignSkarlo
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
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 Skarlo.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Skarlo tokens
export const theme = {
  primary: "#e11438",
  radius: "6px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
12312
Brand moment

Skarlo presents itself the way a high-end product studio wants to be read: confident, quiet, and uncompromisingly dark. The canvas is true black () with white Inter type () floatin…