Figma
hromatiki haos üçin monohrom şassi
Interfeýs berk, ýokary kontrastly gurluş konteýner hökmünde işleýär we ulanyjy tarapyndan döredilen mazmuna doly wizual agalyk edýär. Esasy çyzyk berk #000000-den #ffffff-e çenli palitra bolup, ol esasy serhetler we tekst üçin mutlak maksimum kontrastyň peýdasyna çal reňkiň inçe öwüşginlerinden gaça durýar. Tipografik ierarhiýa reňk üýtgeşmeleriniň ýerine diýen ýaly doly ölçege we agressiw negatiw harp aralygyna esaslanýar we tekstiň uly setirlerini dykyz grafiki bloklara öwürýär. Serhet radiusynyň logikasy düýpli dihotomiýa döredýär: global nawigasiýa elementleri üçin 50px daşky "dyrnaklar" mazmun konteýnerleriniň düýpli 0px burçlary bilen bilgeşleýin kontrast döredýär.
Kompozisiýalar görnüş meýdançasynyň merkezinde ýerleşýän iň ýokary giňlikdäki serhetlere (maksimum 1440 piksel) esaslanýar we giň makro boşluk (bölümleriň arasyndaky boşluk 96-120 piksel) bilen bölünen dykyz mazmun toparlaryny öz içine alýar. "Gahryman" arhetipi köplenç ýüzüp ýören, kämil merkezleşdirilen UI blokunyň aşagynda dinamiki taýdan berkidilen suratlaryň assimetrik galereýasyny ulanýar. Bükülmäniň aşagynda maglumat derrew gyralary bolmadyk berk dört sütünli tor bilen gabat gelýär, gaýtalanýan kart klasterlerini çarçuwalaýar, obýektleriň dykyzlygyny ýokarlandyrýar we çarçuwadan gyralary aýyrýar.
Wizual dizaýn ulanyjynyň islegine gönükdirilen netijelere esaslanýar. Suratlar tekiz, çarçuwasyz kwadrat ýa-da fiziki obýektleri ýada salýan, dagynyk, üst-üste düşýän bölekler hökmünde, açyk, boş fonda görkezilýär. Suratlar web sahypasyndaky reňkleriň ýeke-täk çeşmesidir. Durmuş suratçylygynyň elementleri ýa-da standart korporatiw suratlar ýok - her bir grafik element sanly polotnonyň takyk, göni suraty bolup, önümiň subutnamasy we esasy estetiki element hökmünde bir wagtda işleýär.
Palitra
Brend
- Context Action Violet
#4d49fc— Kiçi panelleriň içinde ýerlileşdirilen esasy çagyryş - ýeke-täk bölüji reňk fokus nokadyny kesgitleýär.
Neýtral
- Absolute Canvas
#ffffff— Sahypanyň fony, ýüzýän gurallar panelleri, galdyrylan panel esaslary. - Structural Ink
#000000— Esasy şrift, berk düwme fony, düwmeleriň konturlary. - Graphite Metadata
#595959— Ikinji derejeli awtor teksti, ýerlileşdirilen alt tekst, orunbasar gymmatlyklary - Boundary Frame
#e2e2e2— Inçe bölüjiler we işjeň däl giriş meýdanynyň çäkleri. - Angular Teal
#33dfdf— Bezeg effektleri, ýükleme görkezijileri we işjeň kursor wizualizasiýa.
Tipografiýa
12-den 72 piksele çenli · 6 ädim
- figmaSans — çalyşmak: Inter · konturlar 320, 330, 340, 400, 450, 480, 520, 700 · Displeý atlaryndan nawigasiýa belliklerine çenli ähli zady dolandyrýan köpugurly gural. Optiki negatiw yzarlaýşy üýtgetmek arkaly özboluşly görnüş döredýär.
- figmaMono — çalyşmak: JetBrains Mono · konturlar 400 · Mikrotegler, koordinata yzarlaýyş we mazmun hökmünde däl-de, ulanyjy interfeýsi elementleri hökmünde has köp işleýän tehniki öwüşginler.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | dykyz |
| Esasy ädim | 24px |
| Düwme radiusy | 8px |
| Kart radiusy | 12px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 96-120px |
| Sahypanyň giňligi | 1440px |
Süni intellekt web sahypaňyzy Figma stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Caldera — Gyzgyn hek daşynda ot ýakyň. Mata çig, gyzgyn gipsden ýasalypdyr we her bir mämişi element ýüzüne basylan ýanýan köz ýaly görünýär.
- Vercel — Terminal ak kagyza çap edildi
- Dylanbrouwer — Gün batanda rehimsiz dökümhana
- Headspace — Ýyly kagyzda gün şöhlesi düşýän saglyk burçy
- WHOOP — Ýary gijede sahna laboratoriýasy - gara teatr boşlugynyň aşagyndaky ak kliniki laboratoriýa stollary, elektrik togunyň ýekeje gyzyl impulsy
- (dot)connect — Kömüriň bir bölegi bilen Şweýsariýanyň inženerçilik çyzgysy
- Together AI — Buzluk kagyzynda gözleg konsoly
- Vivid+Co — obsidian arkaly prizmatik şöhle
- Sequel — Garaňkylykdan soň hususy görkeziliş garaňkylykly kinoteatrda ýeke-täk ýyly yşykdyr.
- v0 by Vercel — Torna stanogynyň çyzgysy. Takyklyk we funksionallyk iň möhümdir, her bir element arassa, tehniki taýdan kämil ýüzde aýdyň maksada hyzmat edýär.
- ThoughtLab — Gyzyl reňkli alamatly obsidian ýadygärlik. Gara boşlugyň kanwaly, sobordaky ýeke-täk doýgun gyzyl obýektiň uly ak harplar bilen çap edilen ýeke-täk hromatik şekil.
- Dovetail — Gara aýyň aşagyndaky çyzgy — görünmeýän grafik çyzyklary, ak şrift, bir gyrmyzy ýalpyldawuk