Brands813
↑ ↓ to browse
View full design.md ↗
Pedro Duarte· Designped.ro
Design

Pedro Duarte

Monochrome editorial darkness — Editorial New serif display set huge against a near-black canvas, Neue Montreal for body, Geist Mono for code, zero border-radius everywhere, and a strict grayscale Radix palette where contrast and type do all the work.

Color Palette28 tokens
background#111111
surface#191919
surface-soft#222222
ink#eeeeee
ink-secondary#b4b4b4
ink-tertiary#7b7b7b
ink-pure#ffffff
border#3a3a3a
border-strong#484848
border-interactive#606060
primary#eeeeee
on-primary#111111
link#eeeeee
link-muted#b4b4b4
selection-bg#313131
focus-ring#606060
gray-1#111111
gray-2#191919
gray-3#222222
gray-4#2a2a2a
gray-5#313131
gray-6#3a3a3a
gray-7#484848
gray-8#606060
gray-9#6e6e6e
gray-10#7b7b7b
gray-11#b4b4b4
gray-12#eeeeee
Buttons
TypographyGoogle Font
Playfair Displaybrand uses Editorial New
display-hero

The quick brown fox

72px · 400 · -2px
display

The quick brown fox

48px · 400 · -1.5px
heading

The quick brown fox

32px · 400 · -0.5px
sub-heading

The quick brown fox

24px · 400 · -0.25px
body-large

The quick brown fox

20px · 400 · 0px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Pedro Duarte

Monochrome editorial darkness — Editorial New serif display set huge against a near-black canvas, Neue Montreal for body…

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
Pedro Duarte
Monochrome editorial darkness — Editorial New serif display set huge against a near-black canvas, Neue Montreal for body, Geist Mono for code, zero border-radius everywhe…
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
NewPedro Duarte just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeDesignPedro Duarte
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 Pedro Duarte.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Pedro Duarte tokens
export const theme = {
  primary: "#eeeeee",
  radius: "0px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Pedro Duarte's personal site (ped.ro) is a study in editorial restraint rendered in pure monochrome. The page sits on a near-black canvas (, Radix gray-1 at #111) with high-contras…

Pedro Duarte · Design