Ui
rencana klinis dina kertas matte
shadcn/ui nyaéta bengkel pikeun nyieun sistem desain monokrom: kanvas bodas bersih, permukaan kulawu haneut lemes, jeung kartu radius badag anu diposisikan dina wates anu panghalusna. Antarbeungeutna ampir sagemblengna akromatik—téks hideung, permukaan bodas, nada sekundér kulawu—kalayan hiji warna beureum anu ngaganggu anu disimpen pikeun kaayaan kasalahan sareng teu aya deui. Tipografi ngandelkeun nétralitas géométri Geist kalayan jangkungna hurup anu pageuh dina layar, nyiptakeun suasana anu tenang, siga kode anu langkung karasa siga infrastruktur pamekar tibatan produk konsumen.
Gambar minimal—sistemna ampir sagemblengna diwangun ku antarmuka pangguna. Teu aya poto konci, ilustrasi, atanapi grafik dekoratif. Démo produk dipidangkeun salaku mockup komponén (kartu, widang input, tombol) dina grid, anu ngalayanan salaku dokuméntasi sareng eusi visual. Ikon nyaéta garis géométri ipis (kamungkinan diinjeum tina Lucide) kandelna 1,5–2px dina #0a0a0a atanapi #737373, dianggo sacara hemat salaku isyarat fungsional. Basa visual nyaéta komponén UI sorangan—halaman fungsina salaku pituduh gaya hirup, dimana unggal unsur anu katingali mangrupikeun unsur desain anu katingali.
Palet
Nétral
- Canvas
#f5f5f5— Latar tukang kaca, eusian beungeut anu teu kadéngé, tombol tambahan. - Paper
#ffffff— Beungeut kartu, latar tukang pop-up, eusian tombol utama - Surface Alt
#fafafa— Latar tukang sidebar, pilihan kartu anu teu ngaganggu, kaayaan nganggur dina widang input. - Ink
#0a0a0a— Téks utama, judul, labél tombol, garis besar ikon. - Ink Soft
#171717— Gambar latar tukang tombol nganggo eusian, téks tambahan dina permukaan anu caang. - Mid Gray
#737373— Téks utama, téks placeholder, labél bantu, sareng eusian ikon nalika teu dianggo sadayana dibisukeun.
Tipografi
ti 12 nepi ka 48px · 8 léngkah
- Geist — panggantian: Inter · garis besar 400, 500, 600 · Sadaya téks antarmuka—téks awak kalayan beurat baris 14px/400, judul kalayan beurat baris 24–48px/600, sareng tombol kalayan beurat baris 13–14px/500. Wangun hurup géométri Geist sareng beurat garis anu seragam nyiptakeun rasa nétral pikeun alat pamekar; beurat baris 600 kalayan jarak hurup 48px sareng jarak hurup -0.05em mastikeun judul anu jelas sareng percaya diri anu katingalina dipikirkeun kalayan saksama tibatan diédit.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | padet |
| Léngkah dasar | 8px |
| Radius tombol | 18px |
| Radius kartu | 24px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 48-80px |
| Lebar kaca | 1280px |
AI bakal ngawangun situs wéb anjeun dina gaya Ui sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- Ventriloc — Observatorium éditorial data dina kertas haneut - hiji bara oranyeu anu nyorot katepatan monokrom
- Geniestudio — Buku catetan siang anu lemes—jenis anu marginna lega sareng hiji goresan pulpen anu kandel
- xAI — Lab Krim Haneut nganggo Pil Hideung
- Cal — Praktisitas monokrom, pendekatan manusa. Sistem anu ngutamakeun kajelasan sareng fungsionalitas ngalangkungan palet hideung-bodas anu ketat, tapi ngalemeskeunana ku tipografi anu ramah sareng bentuk buleud.
- Scale — Laboratorium poto kualitas musium anu luhur digabungkeun sareng proyék téknis
- Contractbook — kontrak kertas krim di handapeun langit ultramarine
- AutoSend — Studio batu anu nyaman kalayan hiji lampu wungu—tempat judul berita serif sareng ajakan aksi indigo anu caang hirup babarengan dina hiji rohangan anu sepi, ampir bodas.
- Air — patung "Langit Tengah Peuting Ngaliwatan Kaca"
- SpatialChat — pulsa ungu dina perkamen bodas
- Squarespace — Galeri Monokrom Sinematik
- Giga — Cakrawala tengah peuting di luhureun obsidian anu buram
- Supabase — Editor kode tengah peuting kalayan titik héjo nu ngabebela—hiji pulsa kromatik dina sagara lebu batu bara