Reflect

Reflect's design system is "The Minimalist Second Brain." It is an elegant, typography-first environment designed for deep focus, structured notes, and frict…

High Quality

Join 0+ developers using this skill

skill

Designs

intermediate

0 installs

4/5 quality

View Source

Last updated: June 19, 2026

AI Skill Market Insights

Real data. Real impact.

Popularity

Rising

Emerging

Active Users

Developers

Quick Start

Install Command

Source: https://github.com/whyashthakker/design-md-templates-skills?ref=explainx

TEAR & SHARE

3-5hrs/WK

RISING

0.0K+ USING

Design System: Reflect

Overview

Reflect's design system is "The Minimalist Second Brain." It is an elegant, typography-first environment designed for deep focus, structured notes, and frictionless data recall.

Design Philosophy

Typography as Interface: The UI is almost entirely defined by the relationship between its serif headings and sans-serif body text.
Restrained Minimalism: Rejects decorative elements for a clean, monochrome-first aesthetic that minimizes cognitive load.
The "Daily" Focus: The UI is built around a daily note, prioritizing the "Now" while making the "Past" easily reachable through back-links.
Quiet Intelligence: Uses subtle icons and thin lines to guide the user without distracting from the content.

Colors

Pure Monochrome: Primarily uses absolute Black and White, with a deep "Hunter Black" for dark mode.
Subtle Highlights: Uses very soft, tinted backgrounds (Pastel Blue, Green) for back-links and highlighted text.
Functional Accents: A single professional blue is used sparingly for primary interactive states.

Typography

Lyon (Serif): Used for headings to create a literary, thoughtful, and high-quality "notebook" feel.
Inter (Sans): Handles the day-to-day writing and interface utility with exceptional clarity.

Components

The Graph View: A signature, minimalist visualization of notes as nodes and links in a 2D space.
The Daily Note: A full-screen, distraction-free writing environment with integrated "Backlinks" and "Incoming" sections.
Command Palette: A center-focused, minimalist search bar that is the primary way to jump between notes.

Visual Effects

Airy White Space: High use of padding and margins to "let the thoughts breathe."
Minimalist Depth: Relies on thin borders and subtle background shifts rather than shadows.
Fast Content Search: Designed for instant result appearing as the user types in the search bar.

Reflect

AI Skill Market Insights

Quick Start

Install Command

TEAR & SHARE

Tags

Raycast

Be Part of the 0+ Developer Community

Design System: Reflect

Overview

Design Philosophy

Colors

Typography

Components

Visual Effects

License

MongoDB

NVIDIA

Mintlify

Spotify

Channels

Learn

Compare

Company

Agents