mdshop
Back to designs
D

Design System inspired by Deno

JavaScript runtime. Dark theme, saur mascot, developer-first docs.

Usage
npx getdesign@latest add deno

Run this command from your project root, then ask your AI assistant to use DESIGN.md for UI work.

Installs
15
Bookmarked
0
Not an official Deno design system. A curated starting point for building Deno-like UIs with your AI coding agent.

JavaScript runtime. Dark theme, saur mascot, developer-first docs.

Preview
deno.design.md
Brand System Catalog

DESIGN SYSTEM INSPIRATION OF DENO

JavaScript runtime. Dark theme, saur mascot, developer-first docs.

Explore the systemView tokens

Color Palette

JavaScript runtime. Dark theme, saur mascot, developer-first docs.

Primary
Deno Blue
#12124b
Brand color
Fresh Green
#01bc85
Brand color
White
#ffffff
Brand color
Dark
#0a0a23
Brand color
Light BG
#f8f7f6
Brand color
Gray
#9ca0a5
Brand color
Border
#d6d6d6
Brand color
Code BG
#1b1b3a
Brand color

Typography

A type system inspired by Deno.

Inter
Inter, Inter
Source Code Pro
Source Code Pro, Inter
DISPLAY / 64px / 700 / 1.1
EVERYONE
H1 / 48px / 700 / 1.2
A disciplined editorial voice
H2 / 32px / 600 / 1.3
Section heading
BODY / 16px / 400 / 1.6
Body copy reads at the size and rhythm extracted from the source spec. Lorem ipsum dolor sit amet.
SMALL / 14px / 400 / 1.5
Small
CODE / 14px / 400 / 1.6
Code

Buttons

Buttons, cards, and inputs follow the brand's visual language with consistent use of the primary color palette and border-radius conventions.

Not detected on this URL

Cards

Card patterns inspired by Deno.

Not detected on this URL

Components

Other component primitives mapped from the Deno spec.

Not detected on this URL