Framer
Neon gallerí í tóminu
Rammarinn virkar eins og nær algjört myrkur – svartur strigi þar sem efnið svífur eins og neonljós við opnun gallerís. Fyrirsagnir, settar í GT Walsheim Medium með þröngu línubili upp á 0,8–1,1 og ágengu neikvæðu bili milli stafa (-0,04em við 54px), skapa þétta, skrautlega leturgerð sem færist fram frekar en að sitja snyrtilega á síðunni. Einn rafblár litur (#0099ff) veitir alla hagnýta áherslur – ramma, ljóma, tákn, virk ástand – á meðan restin af viðmótinu er akrómatísk og treystir á fínlegar gráar umbreytingar (#111, #171717, #242424) til að skapa dýpt úr hreinu svörtu. Íhlutirnir virðast ígrundaðir frekar en skrautlegir: ávöl radíus upp á 8–25px, þunnir 1px rammar, lágmarks skuggar og gegnsæ yfirborð sem leyfa tóminu að skína í gegn.
Hlutar í fullri breidd ná lengra en svarta strigann, þar sem innihald er takmarkað við hámarksbreidd ~1200px og er miðjað innan. Aðalhlutinn er með vinstrijafnaðan haus og einn hnapp með aðgerðahvatningu (CTA), þar sem hægri hliðin er vísvitandi skilin eftir auð - ósamhverft, ekki miðjað. Hlutarnir skiptast á milli textauppsetninga (stór haus + undirtexti) og skjámynda af vöru. Hlutinn „Koma með ramma“ notar merkisvegg í 4 dálka rist. Í samfélagshlutanum er skjámynd af vöru sett í miðjuð ílát í fullri breidd með ávölum hornum. Leiðsögn er í lágmarki - þunn efri stika með merkinu vinstra megin og tenglum raðað til hægri, án sýnilegra stjórntækja. Takt á hlutum: veruleg 80px lóðrétt bil milli hluta, sem skapa aðskildar eyjar af efni sem fljóta í tóminu.
Skjámyndir af notendaviðmóti vörunnar eru allsráðandi — rammað inn af krómuðum glugga með umferðarljósapunktum, verða innfelldar skjámyndir af appinu aðalmyndin. Lógó, sem þjóna sem sönnun gæða, eru birt með hvítum stöfum á svörtum bakgrunni með miklu bili. Engar ljósmyndir, myndskreytingar eða abstrakt grafík eru notaðar — myndmálið er varan sjálf, birt sem lifandi viðmót. Táknstíll: lágmarks, útlínur, einlita og hvítur í litlum stærðum. Textaþéttleiki: aðallega texti, með einstaka stórum brotum í formi skjámynda af vörunni. Sjónrænt jafnvægi rýmisins kýs greinilega leturfræði fremur en myndir.
Litatöflu
Vörumerki
- Vivid Violet
#0066ff— Aðalaðgerðarhnappurinn er eini staðurinn í viðmótinu þar sem einlitur bakgrunnur hnappsins birtist.
Hlutlaus
- Bone
#ffffff— Aðalfyrirsagnir, aðaltexti á dökkum bakgrunni, bakgrunnur hnappa er eina ljósgjafinn. - Void
#000000— Striginn á síðunni, bakgrunnur flakksins, yfirborð kortsins, fylling tákna – allt er það endalaus svartur litur sem gleypir allt ónauðsynlegt efni. - Graphite
#111111— Upphækkaðir kortfletir eru skrefi fyrir ofan tómið - stór, hagnýt kort og formlegir ílát. - Obsidian
#171717— Milliyfirborð fyrir hnappa, viðbótarkort, notendaviðmótsfyllingar - aðskilur gagnvirka þætti frá striganum. - Slate
#242424— Þegar sveimað er yfir eru innsláttarreitir og inndregin svæði skærasti hlutlausi liturinn áður en skipt er yfir í textasnið. - Ash
#333333— Djúpfylling fyrir óvirkar bakgrunnsmyndir og byggingarþætti.
Leturfræði
frá 12 til 68px · 8 skref
- sans-serif — skipti: Inter · útlínur 400 · sans-serif - finnst í útdregnum gögnum en ekki lýst af gervigreindinni.
- GT Walsheim — skipti: Inter Tight · útlínur 500 · Leturgerðin fyrir fyrirsagnir og titla er leturgerð vörumerkisins. Hún er mjög þjappuð, með línubili upp á 0,8–1,1 og bili milli stafa á bilinu -0,04em til -0,05em á bilinu 44–68px. Þetta er ekki skrautþáttur; rúmfræðileg hlýja GT Walsheim, ásamt ströngum mælikvörðum, skapar rödd kerfisins – örugga, þétta og örlítið framúrstefnulega. Fyrir svipaða rúmfræðilega útfærslu, íhugaðu Inter Tight eða Space Grotesk Bold.
- Inter Variable — skipti: Inter · útlínur 400 · Aðaltextinn, leiðsögnin og aukafyrirsagnirnar eru vinnuhesturinn. Inter Variable ásinn gerir kleift að færa þyngdina mjúklega inn. Rakning þrengist eftir því sem stærðin eykst: frá -0,001em í 18px og frá -0,027em í 22px. Breytuútgáfan gerir kleift að gera mjúkar örhreyfimyndir af síðunni. Í staðinn: Inter ( Google) – nánast eins varaútgáfa.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | meðaltal |
| Grunnskref | 10px |
| Hnapparadíus | 9999px |
| Radíus korts | 20px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 80px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Framer og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- Auros — Undirdjúpsstöð með lífljómandi gagnakúlum
- Origin Financial — Miðnæturgallerí af kyrrlátri auðlegð. Kyrrlátt, næstum dimmt herbergi þar sem stórir, serif-letur og nokkrir upplýstir, litríkir spjöld skapa þá tilfinningu að fjármál séu vandlega valið listaverk.
- Raycast — Miðnættis stjórnstöð, Coral Neon
- Dimension — vinnustöð með upplýstum glerplötum í rökkrinu
- Reflect Notes — Stjörnuhjúpað fjólublátt geim er dimmt stjörnustöð þar sem nótur svífa eins og stjörnumerki á bakgrunni næstum svarts indigó-tómleika.
- Ameba — Stjórnstöðin um miðnætti – rafblár púls innan í mattri glerplötum
- Branding — Svartur myndaveggur, blóðrauðir áherslur - Stórir hvítir leturgerðir fljóta á dökkum striga sem líkist tómarúmi, rofnar af einni skærraðri áherslu og áberandi skreytingarþáttum sem líkjast frekar skilti í myndasafni en vefviðmóti.
- Harness — Leiðarstjórn um miðnætti með fosfórgrænum hreim
- Koto — Obsidian-galleríið um miðnætti. Næstum kolsvart svið, þar sem eina hlýja ljósgjafinn er einn gulur tusspenn og þéttur letur svífur í víðáttumiklu neikvæða rýminu eins og sýningarplakatar.
- Ohzi — Glóandi teningur hangir í dimmu galleríi
- Depot — Dökk netþjónsskjáborð. Næstum svart forritarastjórnborð, með einni grænni LED-ljós sem gefur til kynna upphaf vinnu og restin af notendaviðmótinu birtist í grafítlitum.
- Maciej Zadykowicz — Miðnæturgalleríið með kaleidoskopískri veggmynd sinni er næstum svartur vinnustofuveggur þar sem eitt líflegt, litríkt leturverk vekur athygli á meðan allt annað er hljótt og yfirvegað.