mdshop
Back to designs
R

Design System inspired by Reddit

Social platform. Orange-red brand, thread-based layout, community-driven.

Usage
npx getdesign@latest add reddit

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 Reddit design system. A curated starting point for building Reddit-like UIs with your AI coding agent.

Social platform. Orange-red brand, thread-based layout, community-driven.

Preview
reddit.design.md
Brand System Catalog

DESIGN SYSTEM INSPIRATION OF REDDIT

Social platform. Orange-red brand, thread-based layout, community-driven.

Explore the systemView tokens

Color Palette

Social platform. Orange-red brand, thread-based layout, community-driven.

Primary
Reddit Orange
#ff4500
Brand color
Dark
#1a1a1b
Brand color
Surface
#272729
Brand color
White
#ffffff
Brand color
Light BG
#dae0e6
Brand color
Gray
#818384
Brand color
Blue
#0079d3
Brand color
Border
#343536
Brand color

Typography

A type system inspired by Reddit.

system-ui
system-ui, system-ui
Noto Sans
Noto Sans, system-ui
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 Reddit.

Not detected on this URL

Components

Other component primitives mapped from the Reddit spec.

Not detected on this URL