Figma
monochrominis korpusas chromatiniam chaosui
Sąsaja veikia kaip griežtas, didelio kontrasto struktūrinis konteineris, suteikiantis visišką vizualinę dominavimą vartotojų sukurtam turiniui. Bazinė linija yra griežta paletė nuo #000000 iki #ffffff, kurioje vengiama subtilių pilkos spalvos atspalvių, pirmenybę teikiant absoliučiam maksimaliam pagrindinių rėmelių ir teksto kontrastui. Tipografinė hierarchija beveik visiškai pagrįsta dydžiu ir agresyviais neigiamais raidžių tarpais, o ne spalvų variacijomis, todėl didelės teksto eilutės paverčiamos tankiais grafiniais blokais. Rėmelio spindulio logika sukuria ryškią dichotomiją: 50 pikselių išoriniai visuotinės navigacijos elementų „vinys“ sąmoningai kontrastuoja su ryškiais 0 pikselių turinio konteinerių kampais.
Kompozicijos kuriamos naudojant itin didelio pločio rėmelius (maks. 1440 pikselių), centruojančius peržiūros sritį, ir apima tankius turinio klasterius, atskirtus dosnia makroerdve (96–120 pikselių tarpai tarp sekcijų). „Herojaus“ archetipas dažnai naudoja asimetrinę vaizdų galeriją, dinamiškai įtvirtintą po plaukiojančiu, idealiai centruotu vartotojo sąsajos bloku. Po matomu vaizdu informacija iš karto atitinka griežtą keturių stulpelių tinklelį be paraščių, įrėmindama pasikartojančius kortelių klasterius, maksimaliai padidindama objektų tankį ir pašalindama paraštes iš kadro.
Vizualinis dizainas pagrįstas į vartotoją orientuotais rezultatais. Vaizdai rodomi kaip plokšti, berėmiai kvadratai arba išsibarstę, persidengiantys fragmentai, primenantys fizinius objektus, ant atšiauraus, tuščio fono. Vaizdai yra vienintelis spalvų šaltinis svetainėje. Nėra jokių gyvenimo būdo fotografijos elementų ar standartinių įmonių iliustracijų – kiekvienas grafinis elementas yra tikslus, pažodinis skaitmeninės drobės momentinis vaizdas, vienu metu atliekantis produkto įrodymo ir pagrindinio estetinio elemento funkciją.
Paletė
Prekės ženklas
- Context Action Violet
#4d49fc— Lokalizuotas pagrindinis raginimas veikti subpaneliuose – viena pertraukianti spalva apibrėžia pagrindinį elementą.
Neutralus
- Absolute Canvas
#ffffff— Puslapio fonas, plaukiojančios įrankių juostos, pakeltos skydelių bazės. - Structural Ink
#000000— Paprastas šriftas, vientisas mygtukų fonas, mygtukų kontūrai. - Graphite Metadata
#595959— Antrinis autoriaus tekstas, lokalizuotas potekstas, vietos rezervavimo reikšmės - Boundary Frame
#e2e2e2— Subtilūs separatoriai ir neaktyvios įvesties laukų ribos. - Angular Teal
#33dfdf— Dekoratyviniai efektai, pakrovimo indikatoriai ir aktyvaus žymeklio vizualizavimas.
Tipografija
nuo 12 iki 72 pikselių · 6 žingsniai
- figmaSans — pakeitimas: Inter · kontūrai 320, 330, 340, 400, 450, 480, 520, 700 · Universalus įrankis, kuris valdo viską – nuo rodomų pavadinimų iki naršymo etikečių. Jis sukuria unikalią išvaizdą modifikuodamas optinį negatyvo sekimą.
- figmaMono — pakeitimas: JetBrains Mono · kontūrai 400 · Mikrožymės, koordinačių sekimas ir techniniai užuominos, kurios labiau veikia kaip vartotojo sąsajos elementai, o ne kaip turinys.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 24px |
| Mygtuko spindulys | 8px |
| Kortelės spindulys | 12px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 96-120px |
| Puslapio plotis | 1440px |
Dirbtinis intelektas sukurs jūsų svetainę Figma stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Caldera — Kalk ugnį ant šilto kalkakmenio. Drobė – neapdorota, šiltas tinkas, o kiekvienas oranžinis elementas atrodo kaip į paviršių įspaustos rusenančios žarijos.
- Vercel — Terminalas atspausdintas ant balto popieriaus
- Dylanbrouwer — Brutalistinė liejykla saulėlydyje
- Headspace — Saulėtas sveikatingumo kampelis ant šilto popieriaus
- WHOOP — Spektaklio laboratorija vidurnaktį – balti klinikinės laboratorijos stalai po juoda teatro tuštuma, vienas violetinis elektros pulsas
- (dot)connect — Šveicariškas inžinerijos brėžinys su vienu anglies gabalėliu
- Together AI — Tyrimų konsolė ant ledyninio popieriaus
- Vivid+Co — prizminė šviesa per obsidianą
- Sequel — Privatus seansas po sutemų yra vienintelė šilta šviesa kitaip tamsiame kino teatre.
- v0 by Vercel — Tekinimo staklių braižymas. Svarbiausia yra tikslumas ir funkcionalumas, kiekvienas elementas atlieka aiškią paskirtį ant švaraus, techniškai tobulo paviršiaus.
- ThoughtLab — Obsidiano paminklas su tamsiai raudonu signalu. Juodos tuštumos drobė, kur vienintelis sodriai raudonas objektas katedroje, atspausdintas didelėmis baltomis raidėmis, yra viena chromatinė figūra.
- Dovetail — Brėžinys po juodu mėnuliu – vos matomos grafiko linijos, baltas šriftas, vienas violetinis blizgutis