Mintlify
açık tema
Bağımsız Stil İncelemesi

Mintlify Tarzı Tasarım Sistemi

Mintlify tasarım sistemi açık temalı bir arayüz dili kullanıyor. Ana marka rengi Coal (#08090a); metinler Ink (#000000), arka plan White Canvas (#ffffff). Tipografide Inter kullanılıyor. Bu DESIGN.md dosyası 8 renk token'ı ve 7 kademeli bir yazı ölçeği içeriyor; Claude, Cursor veya v0 gibi yapay zekâ araçlarına verildiğinde Mintlify tarzında tutarlı arayüzler üretmelerine yardımcı olur.

Renk Paleti

FONTLAR

Tipografi

Bileşen Önizlemeleri

Bağımsız Stil İncelemesi

Mintlify tarzı tasarım sistemi: renk kodları ve fontlar

Tema
açık
Ana renk
Coal (#08090a)
Fontlar
Inter
Kaynak
mintlify.com

Digital librarian's desk. Precise information architecture meets subtle brand identity through selective color accents.

Mintlify captures an atmosphere of serene, intelligent efficiency, like navigating a well-organized digital library. The predominant use of highly desaturated grays and stark black-on-white provides a clean, information-focused base. A single vivid green (#0c8c5e) acts as a digital beacon, highlighting interactive elements and key information without visual clutter. The visual restraint in color and a subtle elevation system communicate authority through clarity, making complex documentation feel approachable.

Özgün stil özeti (İngilizce)

Mintlify renk kodları

RenkHEXCSS tokenKullanım (İngilizce)
Ink#000000--color-inkPrimary text, core UI elements, strong contrasts against light backgrounds
White Canvas#ffffff--color-white-canvasPage backgrounds, card surfaces, inverted text on dark elements
Coal#08090a--color-coalProminent headings, button backgrounds, elevated text
Platinum#f2f2f2--color-platinumSubtle borders, dividers, subtle background variations
Steel#dddddd--color-steelThin stroke borders, less noticeable dividers
Sage Mark#0c8c5--color-sage-markPrimary brand accent, interactive elements like CTA buttons, active states, key icons, and selected links. Its vividness provides clear visual cues in an otherwise neutral palette.
Emerald Glow#00dc8d--color-emerald-glowSecondary accent for icons or subtle graphic highlights, complementing the primary Sage Mark.
Deep Cobalt#0052ff--color-deep-cobaltSpecific graphic elements, illustrations where a strong, vibrant blue is needed.

Mintlify hangi fontları kullanıyor?

FontAğırlıklarYedek font
Inter400, 500, 600system-ui
RolBoyutSatır yüksekliğiToken
caption13px1.71--text-caption
body16px1.5--text-body
subheading18px1.33--text-subheading
heading-sm20px1.3--text-heading-sm
heading24px1.15--text-heading
heading-lg40px1.15--text-heading-lg
display57px1.1--text-display

Bu DESIGN.md dosyasını nasıl kullanırım?

  1. DESIGN.md dosyasını indir ve projenin kök klasörüne koy.
  2. Claude Code, Cursor, v0 veya Google Stitch gibi aracına “Arayüzü DESIGN.md’deki kurallara göre tasarla” de.
  3. Renkleri, fontları ya da bileşenleri kendi markana göre değiştirmek için Fork’la & Özelleştir butonunu kullan.

Ham DESIGN.md dosyası →

Bu sayfa, Mintlify markasının herkese açık web sitesinde (mintlify.com) görülebilen renk, tipografi ve boşluk değerlerinin MakeMyMD tarafından yapılmış bağımsız bir incelemesidir. Resmî bir marka kılavuzu değildir; MakeMyMD'nin Mintlify ile bir bağlantısı yoktur ve Mintlify tarafından onaylanmamıştır. Mintlify adı ve ticari markaları sahibine aittir; markaya ait görsel, logo ya da metin kullanılmaz. Hak sahibiysen kaldırma talebini [email protected] adresine gönderebilirsin.

Tasarım Sistemleri

Benzer tasarım sistemleri