Framer
gallerija tan-neon fil-vojt
Framer jopera bħala dlam kważi totali—kanvas iswed fejn il-kontenut jittajjar bħal sinjal tan-neon fil-ftuħ ta' gallerija. L-aħbarijiet ewlenin, issettjati f'GT Walsheim Medium bi spazju strett tal-linji ta' 0.8–1.1 u spazju aggressiv negattiv tal-ittri (-0.04em f'54px), joħolqu tipa dekorattiva u kkondensata li timbotta 'l quddiem aktar milli toqgħod pulit fuq il-paġna. Blu elettriku wieħed (#0099ff) jipprovdi l-aċċenti funzjonali kollha—borduri, tiddix, ikoni, stati attivi—filwaqt li l-bqija tal-interfaċċja tibqa' akromatika, billi tiddependi fuq tranżizzjonijiet griżi sottili (#111, #171717, #242424) biex toħloq fond minn iswed pur. Il-komponenti jħossuhom ikkunsidrati aktar milli dekorattivi: raġġi ttundjati ta' 8–25px, borduri rqaq ta' 1px, dellijiet minimi, u uċuħ trasluċidi li jippermettu li l-vojt jiddi minn ġo fihom.
Taqsimiet b'wisa' sħiħ jestendu lil hinn mill-kanvas iswed, b'kontenut limitat għal wisa' massima ta' ~1200px u ċċentrat ġewwa. It-taqsima prinċipali għandha header allinjat max-xellug u buttuna waħda ta' sejħa għall-azzjoni (CTA), bin-naħa tal-lemin titħalla vojta intenzjonalment—b'mod asimmetriku, mhux iċċentrata. It-taqsimiet jalternaw bejn layouts ta' test biss (header kbir + sottotest) u screenshots tal-prodott. It-taqsima "Jiġi bil-Framer" tutilizza ħajt tal-logo fi grilja ta' 4 kolonni. Fit-taqsima tal-komunità, screenshot tal-prodott jitqiegħed f'kontenitur iċċentrat, b'wisa' sħiħ, b'kantunieri ttundjati. In-navigazzjoni hija minima—bar irqiq ta' fuq bil-logo fuq ix-xellug u links allinjati mal-lemin, mingħajr kontrolli viżibbli. Ritmu tat-taqsima: lakuni vertikali sinifikanti ta' 80px bejn it-taqsimiet, li joħolqu gżejjer distinti ta' kontenut li jgħumu fil-vojt.
Screenshots tal-interfaċċja tal-utent tal-prodott jiddominaw—inkwadrati minn tieqa simili għall-kromju b'tikek tad-dwal tat-traffiku, screenshots inkorporati tal-app isiru l-immaġni ewlenija. Il-logos, li jservu bħala prova tal-kwalità, huma ppreżentati b'ittri bojod fuq sfond iswed bi spazjar wiesa'. Ma jintużaw l-ebda ritratti, illustrazzjonijiet, jew grafika astratta—il-lingwa viżwali hija l-prodott innifsu, muri bħala interfaċċja ħajja. Stil tal-ikona: minimalista, immarkat bil-linji, monokromu u abjad f'daqsijiet żgħar. Densità tat-test: predominantement test, bi frammenti kbar okkażjonali fil-forma ta' screenshots tal-prodott. Il-bilanċ viżwali tal-ispazju jiffavorixxi b'mod ċar it-tipografija fuq l-immaġini.
Paletta
Marka
- Vivid Violet
#0066ff— Il-buttuna tal-azzjoni primarja hija l-uniku post fl-interfaċċja fejn jintwera sfond ta' buttuna b'kulur solidu.
Newtrali
- Bone
#ffffff— Intestaturi ewlenin, test ewlieni fuq sfond skur, l-isfond tal-buttuni huwa l-uniku sors ta' dawl. - Void
#000000— Il-kanvas tal-paġna, l-isfond tan-navigazzjoni, l-uċuħ tal-kards, il-mili tal-ikoni—kollha huma ta’ kulur iswed bla tmiem li jassorbi l-kontenut kollu mhux essenzjali. - Graphite
#111111— L-uċuħ tal-karti mgħollija huma pass 'il fuq mill-vojt—karti funzjonali kbar u kontenituri modali. - Obsidian
#171717— Wiċċ intermedju għal buttuni, karti addizzjonali, mili tal-UI - jissepara elementi interattivi mill-kanvas. - Slate
#242424— Meta tgħaddi l-maws bil-maws, l-oqsma tal-input u l-pannelli indentati jkollhom l-aktar dell newtrali qawwi qabel ma jaqilbu għall-format tat-test. - Ash
#333333— Imla fil-fond għal immaġnijiet tal-isfond inattivi u elementi strutturali.
Tipografija
minn 12 sa 68px · 8 passi
- sans-serif — sostituzzjoni: Inter · linji gwida 400 · sans-serif - misjub fid-dejta estratta iżda mhux deskritt mill-AI.
- GT Walsheim — sostituzzjoni: Inter Tight · linji gwida 500 · It-tipa għat-titoli u l-intestaturi hija t-tipa tal-marka. Hija kkondensata b'mod aggressiv, b'spazjar tal-linji ta' 0.8–1.1 u spazjar tal-ittri ta' -0.04em sa -0.05em fil-medda ta' 44–68px. Mhijiex element dekorattiv; is-sħana ġeometrika ta' GT Walsheim, flimkien ma' metriċi stretti, toħloq il-vuċi tas-sistema—kunfidenti, kompatta, u kemxejn futuristika. Għal espressjoni ġeometrika simili, ikkunsidra Inter Tight jew Space Grotesk Bold.
- Inter Variable — sostituzzjoni: Inter · linji gwida 400 · It-test prinċipali, in-navigazzjoni, u l-intestaturi sekondarji huma l-qofol tal-ħidma. L-assi Inter Variable jippermetti interpolazzjoni bla xkiel tal-piżijiet. It-traċċar jiċkien hekk kif id-daqs jiżdied: minn -0.001em għal 18px u minn -0.027em għal 22px. Il-verżjoni varjabbli tippermetti mikro-animazzjonijiet bla xkiel tas-sit. Sostituzzjoni: Inter ( Google) – soluzzjoni kważi identika.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | medja |
| Pass bażiku | 10px |
| Raġġ tal-buttuna | 9999px |
| Raġġ tal-karta | 20px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 80px |
| Wisa' tal-paġna | 1200px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Framer 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
- Auros — Terminal abissali b'blalen tad-dejta bijoluminexxenti
- Origin Financial — Gallerija ta’ nofsillejl ta’ opulenza kwieta. Kamra kwieta, kważi mudlama fejn fonts serif kbar u ftit pannelli kkuluriti mdawlin joħolqu s-sensazzjoni li l-finanzi huma xogħol tal-arti kkurat bir-reqqa.
- Raycast — Ċentru tal-Kmand ta' Nofsillejl, Coral Neon
- Dimension — stazzjon tax-xogħol imdawwal fid-dlam b'pannelli tal-ħġieġ matt
- Reflect Notes — L-ispazju vjola mimli kwiekeb huwa osservatorju mudlam fejn in-noti jgħumu bħal kostellazzjonijiet fuq sfond ta’ vojt kważi iswed lewn l-indigo.
- Ameba — Il-kamra tal-kontroll f'nofsillejl – pulsazzjoni blu elettrika ġewwa pannelli tal-ħġieġ matt
- Branding — Ħajt ta' gallerija sewda, aċċenti ħomor tad-demm - Fonts bojod kbar jgħumu fuq kanvas skur li jixbah vojt, interrott minn aċċent aħmar jgħajjat wieħed u elementi dekorattivi impressjonanti li jixbħu aktar sinjali ta' gallerija milli interface tal-web.
- Harness — Kontroll tal-Missjoni f'nofsillejl b'aċċenti ħodor fosforesċenti
- Koto — Il-Gallerija Obsidian f'nofsillejl. Palk kważi mudlam, fejn l-unika sors ta' dawl sħun huwa markatur isfar wieħed, u tipa kkondensata tittajjar fl-ispazju negattiv vast bħal posters ta' wirja.
- Ohzi — Kubu jiddi sospiż f'gallerija mudlama
- Depot — Terminal tas-server skur. Console tal-iżviluppatur kważi sewda, b'LED aħdar wieħed li jindika l-bidu tax-xogħol, u l-bqija tal-interfaċċja tal-utent murija bil-grafita.
- Maciej Zadykowicz — Il-Midnight Gallery bil-mural kalejdoskopiku tagħha hija ħajt kważi iswed ta' studio fejn biċċa arti tipografika vibranti u kkulurita tiġbed l-attenzjoni filwaqt li kollox jibqa' kwiet u intenzjonat.