Ui
pianu clinicu nantu à carta opaca
shadcn/ui hè un attellu per creà un sistema di cuncepimentu monocromu: una tela bianca pulita, superfici grigie calde è morbide, è carte à grande raghju pusizionate nantu à i bordi più suttili. L'interfaccia hè guasi interamente acromatica - testu neru, superfici bianche, toni secundarii grigi - cù un unicu culore rossu disruptive riservatu per i stati d'errore è nunda di più. A tipografia si basa nantu à a neutralità geometrica di Geist cù una altezza di lettera stretta nantu à i schermi, creendu una sensazione calma, simile à un codice, chì si sente più cum'è un'infrastruttura di sviluppatore chè un pruduttu di cunsumu.
Imagine minimali - u sistema hè custituitu guasi interamente da l'interfaccia utente. Nisuna foto chjave, illustrazioni o grafica decorativa. E dimostrazioni di i prudutti sò presentate cum'è mockup di cumpunenti (carte, campi di input, buttoni) in una griglia, chì serve sia cum'è documentazione sia cum'è cuntenutu visuale. L'icone sò linee geometriche sottili (probabilmente prese in prestito da Lucide) di 1,5-2px di spessore in #0a0a0a o #737373, aduprate cù parsimonia cum'è indicazioni funziunali. U linguaghju visuale hè custituitu da i cumpunenti stessi di l'interfaccia utente - a pagina funziona cum'è una guida di stile vivente, induve ogni elementu visibile hè un elementu di design visibile.
Paletta
Neutru
- Canvas
#f5f5f5— Sfondu di pagina, riempimentu di superficia silenziatu, buttoni supplementari. - Paper
#ffffff— Superficie di carte, sfondi pop-up, riempimenti di buttoni primari - Surface Alt
#fafafa— Sfondate di a barra laterale, opzione di carta discreta, statu inattivu di u campu di input. - Ink
#0a0a0a— Testu principale, tituli, etichette di buttoni, contorni di icone. - Ink Soft
#171717— Imagine di fondu di buttoni cù riempimentu, testu supplementu nantu à e superfici chjare. - Mid Gray
#737373— U testu principale, u testu di u segnapostu, l'etichette ausiliarie è u riempimentu di l'icona in riposu sò tutti silenziati.
Tipografia
da 12 à 48px · 8 passi
- Geist — rimpiazzamentu: Inter · contorni 400, 500, 600 · Tuttu u testu di l'interfaccia - testu di u corpu cù un spessore di linea di 14px/400, tituli cù un spessore di linea di 24–48px/600, è buttoni cù un spessore di linea di 13–14px/500. E forme di lettere geometriche di Geist è u spessore di linea uniforme creanu una sensazione neutra per l'arnesi di sviluppatore; un spessore di linea di 600 cù una spaziatura di lettere di 48px è una spaziatura di lettere di -0,05em garantisce tituli chjari è sicuri chì parenu pensati piuttostu chè editati.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | densu |
| Passu basicu | 8px |
| Raggiu di u buttone | 18px |
| Raggiu di a carta | 24px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 48-80px |
| Larghezza di a pagina | 1280px |
L'IA custruisce u vostru situ web in stile Ui è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Ventriloc — Un osservatoriu editoriale di dati nantu à carta calda - una sola brace aranciu chì mette in risaltu a precisione monocromatica
- Geniestudio — Un quaderno morbidu di ghjornu - u tipu cù margini larghi è un colpu di penna grossu
- xAI — Laboratoriu di Crema Calda cù Pillula Nera
- Cal — Praticità monocromatica, un approcciu umanu. Un sistema chì dà priorità à a chiarezza è a funziunalità attraversu una paleta stretta in biancu è neru, ma l'addulcisce cù una tipografia amichevule è forme arrotondate.
- Scale — Un laburatoriu fotograficu di qualità museale di alta qualità cumminatu cù un prughjettu tecnicu
- Contractbook — cuntratti di carta crema sottu à un celu ultramarinu
- AutoSend — Un accogliente studio in petra cù una sola luce viola, induve i tituli serif è i chjama à l'azzione indaco brillanti coesistenu in un spaziu tranquillu, guasi biancu.
- Air — scultura "Cielo di mezzanotte à traversu u vetru"
- SpatialChat — impulsu viola nantu à pergamena bianca
- Squarespace — Galleria Cinematografica Monocromatica
- Giga — Orizzonte di mezzanotte sopra l'ossidiana ghiacciata
- Supabase — Un editore di codice à mezanotte cù un puntu verde fosforescente - un unicu impulsu cromaticu nantu à un mare di polvere di carbone