Ui
pjan kliniku fuq karta matta
shadcn/ui huwa workshop għall-ħolqien ta' sistema ta' disinn monokromu: kanvas abjad nadif, uċuħ griżi sħan u rotob, u karti b'raġġ kbir pożizzjonati fuq l-aktar truf sottili. L-interfaċċja hija kważi kompletament akromatika—test iswed, uċuħ bojod, toni sekondarji griżi—b'kulur aħmar wieħed u diżruptiv riservat għal stati ta' żball u xejn aktar. It-tipografija tiddependi fuq in-newtralità ġeometrika ta' Geist b'għoli strett tal-ittri fuq l-iskrins, u toħloq sensazzjoni kalma, simili għal kodiċi, li tħossha aktar bħal infrastruttura ta' żviluppatur milli prodott għall-konsumatur.
Immaġnijiet minimi—is-sistema tikkonsisti kważi kompletament mill-interfaċċja tal-utent. L-ebda ritratti ewlenin, illustrazzjonijiet, jew grafika dekorattiva. Id-demos tal-prodott huma ppreżentati bħala mockups tal-komponenti (karti, oqsma tal-input, buttuni) f'grilja, li jservu kemm bħala dokumentazzjoni kif ukoll bħala kontenut viżwali. L-ikoni huma linji ġeometriċi rqaq (probabbilment mislufa minn Lucide) ħoxnin 1.5–2px f'#0a0a0a jew #737373, użati bil-moderazzjoni bħala indikazzjonijiet funzjonali. Il-lingwa viżwali hija l-komponenti tal-UI nfushom—il-paġna tiffunzjona bħala gwida tal-istil ħajja, fejn kull element viżibbli huwa element tad-disinn viżibbli.
Paletta
Newtrali
- Canvas
#f5f5f5— Sfond tal-paġna, mili tal-wiċċ siekta, buttuni addizzjonali. - Paper
#ffffff— Uċuħ tal-karti, sfondi pop-up, mili tal-buttuni primarji - Surface Alt
#fafafa— Sfond tal-ġenb tal-ġenb, għażla tal-karta diskreta, stat wieqaf tal-qasam tad-dħul. - Ink
#0a0a0a— Test prinċipali, intestaturi, tikketti tal-buttuni, kontorni tal-ikoni. - Ink Soft
#171717— Immaġnijiet tal-isfond tal-buttuni b'mili, test addizzjonali fuq uċuħ ħfief. - Mid Gray
#737373— It-test prinċipali, it-test tal-placeholder, it-tikketti awżiljarji, u l-mili tal-ikona meta jkunu wieqfa huma kollha siekta.
Tipografija
minn 12 sa 48px · 8 passi
- Geist — sostituzzjoni: Inter · linji gwida 400, 500, 600 · It-test kollu tal-interfaċċja—test tal-ġisem b'piż tal-linja ta' 14px/400, intestaturi b'piż tal-linja ta' 24–48px/600, u buttuni b'piż tal-linja ta' 13–14px/500. Il-forom ġeometriċi tal-ittri ta' Geist u l-piż uniformi tal-linja joħolqu sensazzjoni newtrali għall-għodod tal-iżviluppaturi; piż tal-linja ta' 600 bi spazjar tal-ittri ta' 48px u spazjar tal-ittri ta' -0.05em jiżgura intestaturi ċari u kunfidenti li jidhru maħsuba aktar milli editjati.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | dens |
| Pass bażiku | 8px |
| Raġġ tal-buttuna | 18px |
| Raġġ tal-karta | 24px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 48-80px |
| Wisa' tal-paġna | 1280px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Ui u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- Ventriloc — Osservatorju editorjali tad-dejta fuq karta sħuna - ġemgħa oranġjo waħda li tenfasizza l-preċiżjoni monokromatika
- Geniestudio — Notebook b'dawl tax-xemx ċar—it-tip b'marġini wesgħin u daqqa waħda ħoxna tal-pinna
- xAI — Krema sħuna Lab bil-pillola sewda
- Cal — Prattikità monokromatika, approċċ uman. Sistema li tipprijoritizza ċ-ċarezza u l-funzjonalità permezz ta' paletta stretta ta' iswed u abjad, iżda ttaffiha b'tipografija faċli u forom tondi.
- Scale — Laboratorju tar-ritratti ta’ kwalità għolja, ta’ kwalità mużewistika, flimkien ma’ proġett tekniku
- Contractbook — kuntratti ta’ karta krema taħt sema ultramarina
- AutoSend — Studio komdu tal-ġebel b'dawl vjola wieħed—fejn titoli serif u sejħiet għall-azzjoni b'indigo jgħajjat jeżistu flimkien fi spazju wieħed kwiet, kważi abjad.
- Air — skultura "Sema ta' Nofsillejl Minn Ħġieġ"
- SpatialChat — polz vjola fuq parċmina bajda
- Squarespace — Gallerija Ċinematika Monokromatika
- Giga — Orizzont ta' nofsillejl fuq obsidian imċajpar
- Supabase — Editur tal-kodiċi f'nofsillejl b'tikka ħadra fosforesċenti—polz kromatiku wieħed fuq baħar ta' trab tal-faħam