Ui
plan clinic pe hârtie mată
shadcn/ui este un atelier pentru crearea unui sistem de design monocrom: o pânză albă curată, suprafețe gri calde și moi și carduri cu rază mare poziționate pe cele mai subtile margini. Interfața este aproape în întregime acromatică - text negru, suprafețe albe, tonuri secundare de gri - cu o singură culoare roșie perturbatoare rezervată stărilor de eroare și nimic altceva. Tipografia se bazează pe neutralitatea geometrică a lui Geist, cu înălțimea strânsă a literelor pe ecrane, creând o senzație calmă, asemănătoare unui cod, care seamănă mai mult cu o infrastructură de dezvoltare decât cu un produs de consum.
Imagini minimaliste — sistemul constă aproape în întregime din interfața utilizator. Nu există fotografii cheie, ilustrații sau grafică decorativă. Demonstrațiile de produse sunt prezentate ca machete ale componentelor (carduri, câmpuri de introducere, butoane) într-o grilă, servind atât ca documentație, cât și ca conținut vizual. Pictogramele sunt linii geometrice subțiri (probabil împrumutate de la Lucide) cu grosimea de 1,5–2px, în codul #0a0a0a sau #737373, utilizate cu moderație ca indicii funcționale. Limbajul vizual este reprezentat de componentele interfeței utilizator în sine — pagina funcționează ca un ghid de stil viu, unde fiecare element vizibil este un element de design vizibil.
Paletă
Neutru
- Canvas
#f5f5f5— Fundalul paginii, umplere a suprafeței cu culori estompate, butoane suplimentare. - Paper
#ffffff— Suprafețe de card, fundaluri pop-up, umpleri pentru butoane principale - Surface Alt
#fafafa— Fundalul barei laterale, opțiunea discretă a cardului, starea inactivă a câmpului de introducere. - Ink
#0a0a0a— Text principal, titluri, etichete butoane, contururi pictograme. - Ink Soft
#171717— Imagini de fundal pentru butoane cu umplutură, text suplimentar pe suprafețe deschise la culoare. - Mid Gray
#737373— Textul principal, textul substituent, etichetele auxiliare și umplerea pictogramelor în repaus sunt toate dezactivate.
Tipografie
de la 12 la 48px · 8 pași
- Geist — înlocuire: Inter · contururi 400, 500, 600 · Tot textul interfeței - textul corpului cu o grosime a liniei de 14px/400, titlurile cu o grosime a liniei de 24–48px/600 și butoanele cu o grosime a liniei de 13–14px/500. Formele geometrice ale literelor și grosimea uniformă a liniei oferite de Geist creează o senzație neutră pentru instrumentele de dezvoltare; o grosime a liniei de 600, cu o spațiere a literelor de 48px și o spațiere a literelor de -0,05em, asigură titluri clare și sigure, care arată mai degrabă gândite decât editate.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 8px |
| Raza butonului | 18px |
| Raza cardului | 24px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 48-80px |
| Lățimea paginii | 1280px |
Inteligența artificială vă va construi site-ul web în stilul Ui și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Ventriloc — Un observator editorial de date pe hârtie caldă - o singură jar portocalie evidențiază precizia monocromă
- Geniestudio — Un caiet moale, cu margini largi și o singură linie groasă de stilou
- xAI — Cremă caldă de laborator cu pastilă neagră
- Cal — Practicitate monocromă, o abordare umană. Un sistem care prioritizează claritatea și funcționalitatea printr-o paletă strictă alb-negru, dar o îndulcește cu o tipografie prietenoasă și forme rotunjite.
- Scale — Un laborator foto de înaltă calitate, de calitate muzeală, combinat cu un proiect tehnic
- Contractbook — contracte de hârtie crem sub un cer ultramarin
- AutoSend — Un studio confortabil din piatră, cu o singură lumină violetă — unde titluri serif și îndemnuri la acțiune cu indigo strălucitor coexistă într-un spațiu liniștit, aproape alb.
- Air — sculptura „Cerul de la miezul nopții prin sticlă”
- SpatialChat — puls violet pe pergament alb
- Squarespace — Galeria monocromă cinematografică
- Giga — Orizont de miezul nopții peste obsidian înghețat
- Supabase — Un editor de cod la miezul nopții cu un punct verde fosforescent - un singur puls cromatic pe o mare de praf de cărbune