Figma
monokroma ĉasio por kromata kaoso
La interfaco funkcias kiel strikta, alt-kontrasta struktura ujo, donante kompletan vidan dominecon al uzanto-generita enhavo. La bazlinio estas strikta paletro de #000000 ĝis #ffffff, kiu evitas subtilajn nuancojn de grizo favore al absoluta maksimuma kontrasto por primaraj limoj kaj teksto. La tipografia hierarkio baziĝas preskaŭ tute sur grandeco kaj agresema negativa interspaco inter literoj anstataŭ kolorvarioj, transformante grandajn liniojn de teksto en densajn grafikajn blokojn. La logiko de radiuso de la limo kreas akran dikotomion: la 50-pikselaj eksteraj "najloj" por tutmondaj navigaciaj elementoj intence kontrastas kun la akraj 0-pikselaj anguloj de la enhavujoj.
Komponaĵoj baziĝas sur ekstremaj maksimumlarĝaj randoj (maksimumo 1440 rastrumeroj) centrantaj la vidfenestron kaj inkluzivas densajn aretojn de enhavo apartigitaj per malavara makrospaco (96-120 rastrumeroj da blanka spaco inter sekcioj). La "heroo"-arketipo ofte utiligas nesimetrian galerion de bildoj dinamike ankritaj sub ŝveba, perfekte centrita uzantinterfaco-bloko. Sub la faldo, informoj tuj konformiĝas al strikta kvar-kolumna krado sen randoj, enkadrigante ripetantajn aretojn de kartoj, maksimumigante objektan densecon dum eliminante randojn el la kadro.
La vida dezajno baziĝas sur uzanto-fokusitaj rezultoj. Bildoj estas montrataj kiel plataj, senkadraj kvadratoj aŭ disaj, interkovrantaj fragmentoj, rememorigaj pri fizikaj objektoj, kontraŭ severa, malplena fono. Bildoj estas la sola fonto de koloro en la retejo. Ne estas vivstilaj fotografiaj elementoj aŭ normaj entreprenaj ilustraĵoj — ĉiu grafika elemento estas preciza, laŭvorta momentfoto de cifereca kanvaso, funkcianta samtempe kiel produkta pruvo kaj ĉefa estetika elemento.
Paletro
Marko
- Context Action Violet
#4d49fc— Lokigita ĉefa alvoko al ago ene de subpaneloj - ununura interrompa koloro difinas la fokuspunkton.
Neŭtrala
- Absolute Canvas
#ffffff— Paĝa fono, ŝvebantaj ilobretoj, ŝvelintaj panelbazoj. - Structural Ink
#000000— Baza tiparo, solida butonfono, butonkonturoj. - Graphite Metadata
#595959— Sekundara aŭtora teksto, lokigita subteksto, provizoraj valoroj - Boundary Frame
#e2e2e2— Subtilaj apartigiloj kaj neaktivaj enigkampaj limoj. - Angular Teal
#33dfdf— Dekoraciaj efektoj, ŝarĝindikiloj kaj aktiva kursorbildigo.
Tipografio
de 12 ĝis 72 rastrumeroj · 6 paŝoj
- figmaSans — anstataŭaĵo: Inter · konturoj 320, 330, 340, 400, 450, 480, 520, 700 · Multflanka ilo, kiu administras ĉion, de ekranaj titoloj ĝis navigaciaj etikedoj. Ĝi kreas unikan aspekton modifante optikan negativan spuradon.
- figmaMono — anstataŭaĵo: JetBrains Mono · konturoj 400 · Mikroetikedoj, koordinata spurado, kaj teknikaj nuancoj kiuj funkcias pli kiel uzantinterfacaj elementoj ol kiel enhavo.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | densa |
| Baza paŝo | 24px |
| Butona radiuso | 8px |
| Karto-radiuso | 12px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 96-120px |
| Paĝlarĝo | 1440px |
AI konstruos vian retejon laŭ la stilo de Figma kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Caldera — Forĝu fajron sur varma kalkŝtono. La kanvaso estas kruda, varma gipso, kaj ĉiu oranĝa elemento aspektas kiel bruletantaj ardaĵoj premitaj en la surfacon.
- Vercel — Terminalo presita sur blanka papero
- Dylanbrouwer — Brutalista fandejo ĉe sunsubiro
- Headspace — Suna bonfarta angulo sur varma papero
- WHOOP — Spektakla laboratorio je noktomezo - blankaj klinikaj laboratoriotabloj sub nigra teatra malpleno, ununura purpura pulso de elektro
- (dot)connect — Svisa inĝeniera desegnaĵo per ununura peco da lignokarbo
- Together AI — Esplorkonzolo sur glacieja papero
- Vivid+Co — prisma lumo tra obsidiano
- Sequel — Privata projekcio post mallumo estas la sola varma lumo en alie malluma kinejo.
- v0 by Vercel — Tornila desegnado. Precizeco kaj funkcieco estas plej gravaj, kie ĉiu elemento servas klaran celon sur pura, teknike perfekta surfaco.
- ThoughtLab — Obsidiana monumento kun karmezina signalo. Kanvaso de nigra malpleno, kie la sola saturita ruĝa objekto en la katedralo, presita per grandaj blankaj literoj, estas ununura kromata figuro.
- Dovetail — Skizo sub nigra luno — apenaŭ videblaj grafikaj linioj, blanka tiparo, unu purpura brilo