Modal
Un terminale fosforescente in una stanza di servitori scura - l'unica fonte di luce hè un culore verde brillanti
Funzioni modali cum'è un terminal fosforescente in una stanza di servitori scura: una tela quasi nera, un tipu verde pallidu, è un unicu accentu verde lime brillanti chì agisce cum'è un indicatore di statu LED. U linguaghju di cuncepimentu hè focalizatu nantu à i sviluppatori: finestre di codice monospaziate cù punti di semaforu, icone 3D isometriche in u verde di firma, è assai spaziu biancu, chì permette à un elementu in ogni sezione di brillà. A tipografia hè divisa trà un carattere persunalizatu (Goga) per i tituli è un carattere variabile (Inter) per tutti l'elementi di l'interfaccia utente, tramindui impostati cù un tracciamentu negativu strettu. I culori sò distribuiti uniformemente: a maiò parte di i schermi sò acromatici, è u culore verde lime brillanti appare solu nantu à l'azzioni chjave, u logu, l'illustrazioni 3D è i mumenti di enfasi. I cumpunenti sò piatti è senza cornice, cù a prufundità creata attraversu bordi verdi suttili è sfocatura di u fondu piuttostu chè ombre.
U modale usa un layout scuru à larghezza piena cù una larghezza massima di 1280px per accoglie u cuntenutu. A finestra eroe hè centrata: u titulu (a prima frase in verde lime), un sottutìtulu, duie chjame à l'azzione è un unicu ughjettu 3D cum'è ancora visuale - senza separà u layout da a barra laterale. E sezzioni di cuntenutu seguitanu un ritmu uniforme: tag di sopracciglia (lettere maiuscule, Moss 70) → titulu Goga → testu di u corpu silenziatu, dopu un layout à duie colonne cù una descrizzione di a funzione (testu + codice / carta visuale) o una griglia di carte à trè colonne. I gutter trà e sezzioni sò generosi - 80px. A pagina alterna trà strisce di fondu viote prufonde (#000000) è strisce di fondu ligeramente più chjare (#181818), cù una sezione chjara (#def0dd) chì appare in u mezu di a pagina cum'è una pausa visuale. A navigazione hè custituita da una sola barra superiore fissa cù un fondu sfocatu - senza barra laterale o mega-menu. U footer hè compactu è scuru, cù colonne di ligami verdi silenziate. A densità di u testu hè cunfurtevule: ogni sezione hà un spaziu sufficiente, è e griglie di carte ùn utilizanu più di trè colonne.
U linguaghju visuale di Modal hè divisu in dui modi: rendering di prudutti 3D brillanti è mockup di finestre di codice scuru. U puntu focale hè un unicu cubu 3D resu cù un gradiente di marketing (da u verde lime à u smeraldo), piazzatu in un alone di gradiente radiale chì bagna u spaziu viotu in luce verde - u stile visuale di a marca. E carte di carica di travagliu cuntenenu icone 3D isometriche (un cubu wireframe, una scala solida, strati) rese in u listessu verde lime contr'à un sfondate scuru. I risultati di u codice è di i benchmark sò presentati cum'è carte di finestra di terminale cù punti di semaforu, evidenziazione di sintassi monospaziata in una paleta fosforescente è un bordu verde smorzatu - s'assumiglianu à screenshots di una vera interfaccia di linea di cummanda. I loghi di i clienti sò visualizati cum'è etichette verde-grisgiu desaturate in una sola fila à bassu cuntrastu, chì segnalanu fiducia senza cumpetizione visuale. A densità generale hè bassa - a maiò parte di e pagine cuntenenu principalmente testu, è l'imagine sò presentate cum'è punti focali individuali piuttostu chè griglie di fotografie. Ùn ci sò fotografie; tuttu u sistema visuale hè resu, geometricu è radiante.
Paletta
Marca
- Lime Pulse
#7fee64— L'elementi principali di l'identità corporativa sò u logu, a principale chjama à l'azzione (CTA), u riempimentu di tag, i stati attivi è u culore basicu di l'illustrazione.
Neutru
- Phosphor White
#ddffdc— U testu principale, u culore di u tìtulu, u contornu di l'icona è u testu di u buttone pienu sò a principale superficia leggibile. - Void Black
#000000— Tela di pagina, u stratu di fondu più prufondu - Ground Iron
#181818— Riempimentu di u buttone principale, superfici di a carta in zone scure, superficia di basa di l'interfaccia utente. - Carbon Veil
#212525— Superfici elevate, sfondate di navigazione, ligeramente più leggere di a terra. - Circuit Border
#485346— U quadru d'azzione di contornu/fantasma, a principale linea fina interattiva, hè una tonalità grisgiu-verde tenue. - Phosphor Blue-Black
#1f2a33— Linee di marcatura fine secundarie, chì dividenu i tratti trà strisce scure.
Tipografia
da 12 à 64px · 8 passi
- Goga — rimpiazzamentu: Inter Tight or Space Grotesk · contorni 400, 500 · Font di Titulu è Sottotitulu - Adupratu per tutti i tituli è e carte H1-H4. Goga hè un font sans-serif geometricu persunalizatu cù aperture strette è terminali ligeramente quadrati. U pesu mediu (500) hè riservatu per mette in risaltu i tituli à livellu di carta; u pesu nurmale (400) hè adupratu per i tituli di l'eroe è di e sezioni. Per accede à e forme di glifi alternativi chì definiscenu l'identità di Modal, u so set stilisticu 'ss01' deve esse attivatu. A spaziatura negativa di e lettere diminuisce gradualmente da -0,007em à 48px à -0,017em à 21px.
- Inter Variable — rimpiazzamentu: Inter · contorni 400, 500 · Interfaccia utilizatore è testu di u corpu - navigazione, buttoni, testu di u corpu, etichette, piè di pagina. U pesu mediu (500) hè utilizatu per difettu per l'elementi interattivi è a navigazione; u normale (400) hè utilizatu per i paragrafi. A spaziatura di e lettere hè notevolmente ridutta ancu à dimensioni chjuche (-0,026em à 14px, -0,022em à 16px), dendu à l'interfaccia una densità terminale condensata. Per a punteggiatura alternativa, a variante di caratteru 'cv11' deve esse inclusa. L'etichette tutte maiuscule à 12px utilizanu una spaziatura di e lettere di +0,05em per cuntrastà a densità di u testu di u corpu.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | mediu |
| Passu basicu | 20px |
| Raggiu di u buttone | 12px |
| Raggiu di a carta | 8px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 80px |
| Larghezza di a pagina | 1280px |
L'IA custruisce u vostru situ web in stile Modal è 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
- Slash — Volta di mezzanotte cù registri dorati
- AgentQL — Aurora boreale sopra u terminal di notte
- GitHub — Un pannellu di cummandu spaziale cù punti di cuntrollu bioluminescenti - un spaziu di travagliu scuru è atmosfericu induve un unicu bagliore verde indica a strada da seguità.
- Doppler — L'illuminazione viola di a volta à mezanotte. A tela quasi nera brilla cù un solu signale lavanda è una luce di cunferma verde, ogni superficia curva abbastanza per esse afferrata.
- Basedash — Un terminal di dati di mezzanotte cù caratteri opachi. Un osservatoriu scuru induve e metriche brillanu di viulettu è di verde, i tituli serif flottanu sopra u rumore, è i buttoni bianchi in forma di pillola sò l'unichi oggetti luminosi in una stanza di superfici nere morbide.
- Superwhisper — L'aurora boreale si scioglie sopra u vetru di mezzanotte
- Better Stack — Cunsola SRE di mezzanotte
- Langbase — Cunsola Midnight Northern Lights
- Astro — Deep Space Mission Control cù un unicu bagliore viola da una nebulosa
- Wayfinder — Un schermu di filmu neru cù un titulu appena audibile chì si trova sopra una illustrazione in diretta. L'interfaccia hè un cursore di luminosità piuttostu chè un pannellu di cuntrollu.
- HashiCorp — A sala di cuntrollu à mezanotte cù neon viola hè una superficia tecnica scura induve un cubu esagonale luminosu serve cum'è unica riferenza di culore.
- Umbrel — Un focu accogliente in a stanza di i servitori di notte - una stanza scura induve un solu bagliore pesca mette in risaltu ciò chì hè veramente impurtante.