Figma
shasi monokromatike për kaos kromatik
Ndërfaqja funksionon si një enë strukturore strikte me kontrast të lartë, duke i dhënë dominim të plotë vizual përmbajtjes së gjeneruar nga përdoruesi. Baza është një paletë strikte #000000 deri në #ffffff, e cila shmang nuancat delikate të gri në favor të kontrastit maksimal absolut për kufijtë kryesorë dhe tekstin. Hierarkia tipografike bazohet pothuajse tërësisht në madhësi dhe hapësirë agresive negative midis shkronjave në vend të variacioneve të ngjyrave, duke transformuar rreshtat e mëdhenj të tekstit në blloqe grafike të dendura. Logjika e rrezes së kufirit krijon një dikotomi të fortë: "gozhdët" e jashtme 50px për elementët e navigimit global kontrastojnë qëllimisht me qoshet e forta 0px të kontejnerëve të përmbajtjes.
Kompozimet bazohen në kufij me gjerësi maksimale ekstreme (maksimumi 1440px) që e vendosin në qendër dritaren e shikimit dhe përfshijnë grupe të dendura përmbajtjeje të ndara nga një hapësirë makro e bollshme (96-120px hapësirë e bardhë midis seksioneve). Arketipi "hero" shpesh përdor një galeri asimetrike imazhesh të ankoruara dinamikisht nën një bllok ndërfaqeje përdoruesi lundrues dhe të përqendruar në mënyrë perfekte. Poshtë palosjes, informacioni përputhet menjëherë me një rrjetë të rreptë me katër kolona pa kufij, duke kornizuar grupe kartash përsëritëse, duke maksimizuar dendësinë e objektit ndërsa eliminon kufijtë nga korniza.
Dizajni vizual bazohet në rezultate të fokusuara te përdoruesi. Imazhet shfaqen si katrorë të sheshtë, pa kornizë ose fragmente të shpërndara, mbivendosëse, që kujtojnë objekte fizike, në një sfond të zymtë dhe të zbrazët. Imazhet janë burimi i vetëm i ngjyrës në faqen e internetit. Nuk ka elementë fotografikë të stilit të jetesës ose ilustrime standarde të korporatave - çdo element grafik është një pamje e saktë dhe e drejtpërdrejtë e një kanavacë dixhitale, që funksionon njëkohësisht si provë produkti dhe si një element kryesor estetik.
Paletë
Markë
- Context Action Violet
#4d49fc— Thirrje kryesore për veprim e lokalizuar brenda nën-paneleve - një ngjyrë e vetme ndërprerëse përcakton pikën fokale.
Neutral
- Absolute Canvas
#ffffff— Sfondi i faqes, shiritat e veglave lundrues, bazat e ngritura të paneleve. - Structural Ink
#000000— Font bazë, sfond i plotë butoni, konture butonash. - Graphite Metadata
#595959— Tekst autorial dytësor, nëntekst i lokalizuar, vlera të vendmbajtësve - Boundary Frame
#e2e2e2— Ndarës të hollë dhe kufij joaktivë të fushave të hyrjes. - Angular Teal
#33dfdf— Efektet dekorative, treguesit e ngarkimit dhe vizualizimi i kursorit aktiv.
Tipografi
nga 12 në 72px · 6 hapa
- figmaSans — zëvendësim: Inter · skica 320, 330, 340, 400, 450, 480, 520, 700 · Një mjet i gjithanshëm që menaxhon gjithçka, nga titujt e ekranit deri te etiketat e navigimit. Krijon një pamje unike duke modifikuar gjurmimin optik të negativëve.
- figmaMono — zëvendësim: JetBrains Mono · skica 400 · Mikroetiketat, gjurmimi i koordinatave dhe nuancat teknike që funksionojnë më shumë si elementë të ndërfaqes së përdoruesit sesa si përmbajtje.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 24px |
| Rrezja e butonit | 8px |
| Rrezja e kartës | 12px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 96-120px |
| Gjerësia e faqes | 1440px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Figma dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Caldera — Farkëtoni zjarr mbi gur gëlqeror të ngrohtë. Kanavaca është suva e papërpunuar, e ngrohtë, dhe çdo element portokalli duket si prush që digjet i shtypur në sipërfaqe.
- Vercel — Terminal i shtypur në letër të bardhë
- Dylanbrouwer — Fonderi brutaliste në perëndim të diellit
- Headspace — Një cep i ngrohtë i Wellness-it në letër të ngrohtë
- WHOOP — Laborator performance në mesnatë - tavolina të bardha laboratorike klinike nën një boshllëk të zi teatral, një puls i vetëm vjollcë elektriciteti.
- (dot)connect — Një vizatim inxhinierik zviceran me një copë të vetme qymyri
- Together AI — Konsol kërkimi në letër akullnajore
- Vivid+Co — dritë prizmatike përmes obsidianit
- Sequel — Një shfaqje private pas errësirës është e vetmja dritë e ngrohtë në një kinema përndryshe të errët.
- v0 by Vercel — Vizatim me torno. Preciziteti dhe funksionaliteti janë parësore, me secilin element që shërben një qëllim të qartë në një sipërfaqe të pastër dhe teknikisht të përsosur.
- ThoughtLab — Një monument prej obsidiani me një sinjal të kuq. Një kanavacë me boshllëk të zi, ku i vetmi objekt i kuq i ngopur në katedrale, i shtypur me shkronja të mëdha të bardha, është një figurë e vetme kromatike.
- Dovetail — Një plan nën një hënë të zezë - vija grafike mezi të dukshme, font i bardhë, një shkëlqim vjollcë