Modal
Fosforeska terminalo en mallumigita servilĉambro - la sola lumfonto estas helverda koloro
Modala funkcio similas al fosforeska terminalo en mallumigita servila ĉambro: preskaŭ nigra kanvaso, palverda tiparo, kaj ununura brile kalkverda akcento kiu funkcias kiel LED-statusindikilo. La dezajnlingvo estas programist-fokusita - unuspacigitaj kodfenestroj kun trafiklumaj punktoj, izometraj 3D ikonoj en la signatura verdo, kaj multe da blanka spaco, permesante al unu elemento en ĉiu sekcio brili. Tipografio estas dividita inter kutima tiparo (Goga) por titoloj kaj varia tiparo (Inter) por ĉiuj UI-elementoj, ambaŭ agorditaj kun mallarĝa negativa spurado. Koloroj estas distribuitaj egale: plej multaj ekranoj estas akromataj, kaj la brile kalkverda koloro aperas nur sur ŝlosilaj agoj, la emblemo, 3D ilustraĵoj kaj momentoj de emfazo. Komponantoj estas plataj kaj senkadraj, kun profundo kreita per subtilaj verdaj randoj kaj fona malklareco anstataŭ ombroj.
La modala menuo uzas plenlarĝan malhelan aranĝon kun maksimuma larĝo de 1280 rastrumeroj por akomodi la enhavon. La ĉefa fenestro estas centrita: la titolo (la unua frazo en kalkverda), subtitolo, du vokoj al ago, kaj ununura 3D-objekto kiel vida ankro - sen apartigi la aranĝon de la flanka kolumno. La enhavaj sekcioj sekvas unuforman ritmon: brova etikedo (majuskloj, Moss 70) → Goga titolo → malforta korpteksto, poste aŭ du-kolumna aranĝo kun trajta priskribo (teksto + kodo/vida karto) aŭ tri-kolumna krado de kartoj. La defluiloj inter sekcioj estas malavaraj - 80 rastrumeroj. La paĝo alternas inter profundaj malplenaj (#000000) kaj iomete pli helaj fonaj strioj (#181818), kun unu hela sekcio (#def0dd) aperanta meze de la paĝo kiel vida paŭzo. La navigado konsistas el ununura, fiksa supra kolumno kun malklara fono - neniu flanka kolumno aŭ mega-menuo. La piedlinio estas kompakta kaj malhela, kun malfortaj verdaj ligilkolumnoj. La tekstodenseco estas komforta: ĉiu sekcio ricevas abundan spacon, kaj kartkradoj uzas ne pli ol tri kolumnojn.
La vida lingvo de Modal estas dividita en du reĝimojn: 3D brilantaj produktaj bildigoj kaj malhelaj kodfenestraj modeloj. La fokuso estas ununura 3D kubo bildigita per merkatiga gradiento (de kalkverda ĝis smeralda), metita ene de radia gradienta aŭreolo, kiu banas la malplenan spacon per verda lumo - la signatura vida stilo de la marko. Laborŝarĝaj kartoj enhavas izometriajn 3D ikonojn (dratkadra kubo, solida ŝtuparo, tavoloj) bildigitajn en la sama kalkverda kontraŭ malhela fono. Kodaj kaj komparnormaj rezultoj estas prezentitaj kiel terminalfenestraj kartoj kun trafiklumaj punktoj, monospacigita sintaksa reliefigo en fosforeska paletro, kaj malforta verda rando - ili similas ekranfotojn de reala komandlinia interfaco. Klientaj emblemoj estas montrataj kiel nesaturitaj verd-grizaj etikedoj en ununura, malalt-kontrasta vico, signalante fidon sen vida konkurenco. La ĝenerala denseco estas malalta - plej multaj paĝoj enhavas ĉefe tekston, kaj bildoj estas prezentitaj kiel individuaj fokusoj anstataŭ kradoj de fotoj. Ne estas fotoj; la tuta vida sistemo estas bildigita, geometria kaj radianta.
Paletro
Marko
- Lime Pulse
#7fee64— La ĉefaj elementoj de la entreprena identeco estas la emblemo, la ĉefa alvoko al ago (CTA), etikedplenigo, aktivaj statoj kaj la baza koloro de la ilustraĵo.
Neŭtrala
- Phosphor White
#ddffdc— La ĉefa teksto, la koloro de la titolo, la konturo de la ikonoj kaj la plena teksto de la butonoj estas la ĉefa legebla surfaco. - Void Black
#000000— La kanvaso de la paĝo, la plej profunda fona tavolo - Ground Iron
#181818— Ĉefa butonplenigo, kartsurfacoj en malhelaj areoj, baza surfaco de la uzantinterfaco. - Carbon Veil
#212525— Levitaj surfacoj, navigacia fono, iomete pli helaj ol la tero. - Circuit Border
#485346— La konturo/fantoma agkadro, la ĉefa interaga maldika linio, estas silentigita verdet-griza nuanco. - Phosphor Blue-Black
#1f2a33— Sekundaraj maldikaj markaj linioj, dividantaj strekojn inter malhelaj strioj.
Tipografio
de 12 ĝis 64 rastrumeroj · 8 paŝoj
- Goga — anstataŭaĵo: Inter Tight or Space Grotesk · konturoj 400, 500 · Tiparo por Titoloj kaj Subtitoloj – Uzata por ĉiuj titoloj kaj kartoj H1–H4. Goga estas kutima geometria sanserifa tiparo kun mallarĝaj aperturoj kaj iomete kvadrataj finaĵoj. La meza pezo (500) estas rezervita por reliefigi titolojn je kartnivelo; la normala pezo (400) estas uzata por titoloj de la ĉefaj kaj sekciaj titoloj. Por aliri la alternativajn glifformojn, kiuj difinas la identecon de Modal, ĝia stila aro 'ss01' devas esti ebligita. Negativa interspaco inter literoj iom post iom malpliiĝas de -0.007em je 48px ĝis -0.017em je 21px.
- Inter Variable — anstataŭaĵo: Inter · konturoj 400, 500 · Uzantinterfaco kaj korpoteksto - navigado, butonoj, korpoteksto, etikedoj, piedlinio. Meza pezo (500) estas uzata defaŭlte por interagaj elementoj kaj navigado; normala (400) estas uzata por paragrafoj. Literinterspaco estas rimarkeble reduktita eĉ ĉe malgrandaj grandecoj (-0.026em je 14px, -0.022em je 16px), donante al la interfaco densigitan, finan densecon. Por alternativa interpunkcio, la 'cv11'-signovariaĵo devus esti inkludita. Tutmajusklaj etikedoj je 12px uzas +0.05em literinterspacon por kontraŭpezi la korpotekstodensecon.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | averaĝa |
| Baza paŝo | 20px |
| Butona radiuso | 12px |
| Karto-radiuso | 8px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 80px |
| Paĝlarĝo | 1280px |
AI konstruos vian retejon laŭ la stilo de Modal kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Slash — Noktomeza trezorejo kun orumitaj ĉeflibroj
- AgentQL — Nordaj lumoj super la terminalo nokte
- GitHub — Spaca komandpanelo kun biolumineskaj kontrolpunktoj — malhela, atmosfera laborspaco kie ununura verda brilo montras la vojon antaŭen.
- Doppler — La viola lumigado de la trezorejo je noktomezo. La preskaŭ nigra kanvaso brilas per ununura lavenda signalo kaj verda konfirma lumo, ĉiu surfaco sufiĉe kurba por esti tuŝata.
- Basedash — Noktomeza datenterminalo kun mata tiparo. Malhela observatorio kie metrikoj brilas viole kaj verde, serifaj titoloj flosas super la bruo, kaj blankaj pilolformaj butonoj estas la solaj helaj objektoj en ĉambro de molaj nigraj surfacoj.
- Superwhisper — La nordaj lumoj dissolviĝas super la noktomeza vitro
- Better Stack — Noktomeza SRE-Konzolo
- Langbase — Noktomeza Northern Lights konzolo
- Astro — Profunda Kosmomisikontrolo kun ununura purpura brilo de nebulozo
- Wayfinder — Nigra filmekrano kun apenaŭ aŭdebla titolo ŝvebanta super viva ilustraĵo. La interfaco estas brilecŝovilo anstataŭ kontrolpanelo.
- HashiCorp — La direktejo je noktomezo kun purpura neono estas malhela teknika surfaco, kie brilanta sesangula kubo servas kiel la sola kolorreferenco.
- Umbrel — Agrabla fajrejo en la nokta servilĉambro — malhela ĉambro, kie ununura persikkolora brilo elstarigas tion, kio vere gravas.