099 Tarzı Tasarım Sistemi: Renk Kodları, Fontlar ve DESIGN.md

Terminal aesthetic, digital workbench. The UI feels like a high-contrast monospaced terminal environment for creative tools.
This design system presents as a 'digital workbench' – dark, stark, and highly organized, creating an atmosphere of focused, technical precision. The reliance on extreme achromatic contrast combined with a monospace system font defines its aesthetic, making it feel less like a brand and more like an interface for a command-line tool. Sharp 10px corner radii on interactive elements provide a subtle softening against the otherwise rigid grid, allowing functional elements to feel grounded yet approachable.

Özgün stil özeti (İngilizce)

099 renk kodları

Renk	HEX	CSS token	Kullanım (İngilizce)
Midnight Oil	`#000000`	`--color-midnight-oil`	Page background, primary text on white surfaces, icon active state. This provides the deep, commanding backdrop for all content.
Ghost White	`#ffffff`	`--color-ghost-white`	Primary text, headers, icons, button text. Provides maximum contrast against dark backgrounds for clear information hierarchy.
Steel Gray	`#1d1d1d`	`--color-steel-gray`	Card backgrounds, selected button states, input fields. Creates a subtle, secondary surface level for interactive components and content blocks.
Muted Ash	`#383838`	`--color-muted-ash`	Outlined button borders, subtle dividers. A lighter gray for visual separation without being too jarring on dark surfaces.
Dim Gray	`#888888`	`--color-dim-gray`	Subtle text, secondary information, card borders for visual grouping. Used for less prominent content that still needs to be legible against dark backgrounds.

099 hangi fontları kullanıyor?

Font	Ağırlıklar	Yedek font
Soehne Mono	400	Space Mono, Fira Code

Rol	Boyut	Satır yüksekliği	Token
body	16px	19.2	`--text-body`

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

DESIGN.md dosyasını indir ve projenin kök klasörüne koy.
Claude Code, Cursor, v0 veya Google Stitch gibi aracına “Arayüzü DESIGN.md’deki kurallara göre tasarla” de.
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, 099 markasının herkese açık web sitesinde (099.supply) 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 099 ile bir bağlantısı yoktur ve 099 tarafından onaylanmamıştır. 099 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.

099 Tarzı Tasarım Sistemi

Renk Paleti

FONTLAR

Tipografi

Eklenti Yığını

Bileşen Önizlemeleri

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

099 renk kodları

099 hangi fontları kullanıyor?

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

Benzer tasarım sistemleri