Figma
chasisi ya monochrome kwa ajili ya machafuko ya chromatic
Kiolesura hufanya kazi kama chombo cha kimuundo chenye utofautishaji mkubwa, kinachotoa utawala kamili wa kuona kwa maudhui yaliyozalishwa na mtumiaji. Msingi ni paleti kali ya #000000 hadi #ffffff, ambayo huepuka vivuli hafifu vya kijivu badala ya utofautishaji wa juu kabisa kwa mipaka ya msingi na maandishi. Uongozi wa typographic unategemea karibu kabisa ukubwa na nafasi kali ya herufi hasi badala ya tofauti za rangi, na kubadilisha mistari mikubwa ya maandishi kuwa vizuizi vizito vya picha. Mantiki ya radius ya mpaka huunda mgawanyiko mkali: "kucha" za nje za pikseli 50 kwa vipengele vya urambazaji wa kimataifa hutofautisha kimakusudi na pembe kali za pikseli 0 za vyombo vya maudhui.
Michanganyiko inategemea mipaka ya upana wa juu zaidi (upana wa pikseli 1440) katikati ya mlango wa kutazama na inajumuisha makundi makubwa ya maudhui yaliyotenganishwa na nafasi kubwa ya jumla (pikseli 96-120 ya nafasi nyeupe kati ya sehemu). Aina ya "shujaa" mara nyingi hutumia ghala isiyo na ulinganifu ya picha zilizowekwa chini ya kizuizi cha UI kinachoelea na kilicho katikati kikamilifu. Chini ya mkunjo, taarifa hufuata mara moja gridi kali ya safu nne bila pembezoni, ikiunda makundi yanayorudia ya kadi, ikiongeza msongamano wa vitu huku ikiondoa pembezoni kutoka kwa fremu.
Muundo wa taswira unategemea matokeo yanayolenga mtumiaji. Picha zinaonyeshwa kama miraba tambarare, isiyo na fremu au vipande vilivyotawanyika, vinavyoingiliana, vinavyokumbusha vitu halisi, dhidi ya mandhari tupu na isiyo na kitu. Picha ndizo chanzo pekee cha rangi kwenye tovuti. Hakuna vipengele vya upigaji picha wa mtindo wa maisha au vielelezo vya kawaida vya kampuni—kila kipengele cha picha ni picha halisi na sahihi ya turubai ya kidijitali, inayofanya kazi wakati huo huo kama uthibitisho wa bidhaa na kipengele cha msingi cha urembo.
Paleti
Chapa
- Context Action Violet
#4d49fc— Wito mkuu wa kuchukua hatua uliowekwa ndani ya paneli ndogo - rangi moja inayokatiza hufafanua sehemu kuu.
Isiyoegemea upande wowote
- Absolute Canvas
#ffffff— Mandharinyuma ya ukurasa, vidhibiti vinavyoelea, besi za paneli zilizoinuliwa. - Structural Ink
#000000— Fonti ya msingi, mandharinyuma ya vitufe imara, mihtasari ya vitufe. - Graphite Metadata
#595959— Maandishi ya pili ya uandishi, maandishi madogo yaliyojanibishwa, thamani za kishika nafasi - Boundary Frame
#e2e2e2— Vitenganishi hila na mipaka ya sehemu ya kuingiza data isiyotumika. - Angular Teal
#33dfdf— Athari za mapambo, viashiria vya upakiaji na taswira ya kishale kinachofanya kazi.
Uchapaji
kutoka pikseli 12 hadi 72 · hatua 6
- figmaSans — mbadala: Inter · mihtasari 320, 330, 340, 400, 450, 480, 520, 700 · Zana ya ulimwengu wote inayosimamia kila kitu kuanzia vichwa vya maonyesho hadi lebo za urambazaji. Inaunda mwonekano wa kipekee kwa kurekebisha ufuatiliaji hasi wa macho.
- figmaMono — mbadala: JetBrains Mono · mihtasari 400 · Microlebo, ufuatiliaji wa uratibu, na mielekeo ya kiufundi inayofanya kazi zaidi kama vipengele vya kiolesura cha mtumiaji kuliko kama maudhui.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | mnene |
| Hatua ya msingi | 24px |
| Kipenyo cha kitufe | 8px |
| Redi ya kadi | 12px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 96-120px |
| Upana wa ukurasa | 1440px |
AI itaunda tovuti yako kwa mtindo wa Figma na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- Caldera — Washa moto kwenye chokaa chenye joto. Turubai ni plasta mbichi, yenye joto, na kila kipengele cha chungwa kinaonekana kama makaa yanayotoa moshi yaliyobanwa juu ya uso.
- Vercel — Kituo kilichochapishwa kwenye karatasi nyeupe
- Dylanbrouwer — Kiwanda cha uchimbaji wa madini wakati wa machweo
- Headspace — Kona ya ustawi yenye jua kwenye karatasi yenye joto
- WHOOP — Maabara ya utendaji saa sita usiku - meza nyeupe za maabara ya kliniki chini ya utupu mweusi wa maonyesho, mapigo moja ya zambarau ya umeme
- (dot)connect — Mchoro wa uhandisi wa Uswisi wenye kipande kimoja cha mkaa
- Together AI — Kiweko cha utafiti kwenye karatasi ya barafu
- Vivid+Co — mwanga wa prismatic kupitia obsidian
- Sequel — Maonyesho ya faragha baada ya giza ndio taa pekee ya joto katika sinema ambayo vinginevyo ilikuwa giza.
- v0 by Vercel — Mchoro wa lathe. Usahihi na utendaji kazi ni muhimu sana, huku kila kipengele kikitimiza kusudi wazi kwenye uso safi na kamilifu kitaalamu.
- ThoughtLab — Mnara wa obsidian wenye ishara nyekundu. Turubai ya utupu mweusi, ambapo kitu pekee chekundu kilichojaa katika kanisa kuu, kilichochapishwa kwa herufi kubwa nyeupe, ni umbo moja la kromatic.
- Dovetail — Mchoro chini ya mwezi mweusi—mistari ya grafu isiyoonekana vizuri, fonti nyeupe, mng'ao mmoja wa zambarau