Blok ini menggabungkan slot judul dan konten dalam satu struktur yang dapat digunakan kembali.
Operator dapat ditambahkan tanpa meninggalkan konteks saat ini.
Zona utama
Konten utama dapat tumbuh secara alami dengan jarak standar.
Zona samping
Zona samping ini menggunakan latar belakang yang ringan untuk menyoroti konten pelengkap.
Tata letak tiga zonaDraf
Panel kiri
Navigasi sekunder atau metadata dapat berada di sini.
Konten utama
Informasi utama tetap terpusat untuk keterbacaan.
Panel kanan
Tindakan kontekstual dan wawasan dapat dikelompokkan di sisi ini.
Kolom samping tetap
Sebuah kolom sempit yang disesuaikan dengan skala --size, di samping tubuh yang menyerap sisa lebar.
128Proyeksi
Blok utama
Sebuah blok dengan judul dan teks tubuh.
Blok sekunder
Blok lain untuk menunjukkan jarak.
Kartu
Blok utama
Sebuah blok dengan judul dan teks tubuh.
Blok sekunder
Blok lain untuk menunjukkan jarak.
Blok tersier
Blok ketiga dalam baris.
Sebuah tanda di sudut
`block--mark` meletakkan ikon kecil di sudut atas pada awal sebuah blok: apa itu — jenis kartu yang diletakkan dalam diagram, jenis dokumen —, di samping apa yang dikatakannya, bukan judul.
Blok utama
Sebuah blok dengan judul dan teks tubuh.
Blok utama
Sebuah blok dengan judul dan teks tubuh.
Blok utama
Sebuah blok dengan judul dan teks tubuh.
Sebuah blok yang merupakan tautan
Seluruh kartu adalah tautan — untuk pilihan yang dibuat dengan memilih satu kartu di antara beberapa: sebuah rencana, sebuah cabang, sebuah template. Ini terbaca sebagai teks, bukan sebagai tindakan yang dibisukan; di bawah penunjuk, tanahnya mengambil nuansa dan tepinya menguat, dan keyboard menemukannya melalui cincin fokus yang dikenakan setiap kontrol.
Sebuah nilai atau ikon besar, terpusat. Digunakan untuk penghitung dasbor dan ubin status — tambahkan block--square untuk menjaga ubin tetap persegi terlepas dari lebarnya.
128Proyeksi
99.9%Waktu aktif
Langsung
Throughput
42Peristiwa per detik
Angka kunci
Angka yang dibaca sebagai angka kunci dashboard: `block--figure--start` meletakkannya dari awal garis, label di atas, nilai dengan satuan yang ditetapkan kembali (`block--figure-unit`), dan sebuah garis di bawahnya yang mengatakan apa yang menyusunnya (`block--figure-sub`). `block--tone-cat-<name>` menggambar batang kategori di tepi; sebuah `a.block--link` membuka tampilan angka. Di dalam `grid`, barisnya bisa menjadi beberapa baris saat ruang menyempit.
Warna dari sebuah keadaan — atau dari sebuah kategori — sebagai batang di tepi depan, dan tidak ada yang lain: batang yang sama yang dikenakan pesan, tanpa tanah yang berwarna, sehingga daftar tersebut terbaca sebagai daftar dan bukan sebagai alarm. Setiap blok bisa menggunakannya, batang yang berdiri di atas blok juga termasuk.
block--tone-info — tanah tetap milik blok, hanya tepi depan yang membawa warna.
block--tone-success — tanah tetap milik blok, hanya tepi depan yang membawa warna.
block--tone-warning — tanah tetap milik blok, hanya tepi depan yang membawa warna.
block--tone-error — tanah tetap milik blok, hanya tepi depan yang membawa warna.
block--tone-cat-lavender — tanah tetap milik blok, hanya tepi depan yang membawa warna.
Tumpukan
Horizontal
Kolom yang sama, lebar penuh, membungkus saat meluap.
Satu
Dua
Tiga
Empat
Vertikal
Baris bertumpuk, lebar penuh, jarak seragam.
Satu
Dua
Tiga
Terpisah
Anak pertama tumbuh, anak terakhir tetap tetap — digunakan untuk baris utama + tindakan.
Jelaskan tindakan dalam teks utama ini.
Tindakan di sudut
`has-corner-actions` pada sebuah bingkai — sebuah lead, sebuah blok, sebuah blok kode, sebuah pesan — dan tindakan ikonnya di dalam `corner-actions`: di sudut atas di akhir, ditampilkan saat bingkai diarahkan atau memegang keyboard, selalu di layar tanpa pointer (`corner-actions--always` untuk menampilkannya secara permanen). Sebuah bingkai yang memuat teks yang berjalan menjaga satu kolom kosong untuk mereka.
Lead ini dapat disalin dengan tombol di sudutnya.
Sebuah blok dengan dua tindakan di sudutnya, tidak mengganggu sampai diarahkan.
Bersemi
Tumpukan horizontal yang berisi tumpukan vertikal — grid dasbor yang khas.