Framer
hale hōʻikeʻike neon i loko o ka hakahaka
Hana ʻo Framer ma ke ʻano he pouli kokoke loa—he canvas ʻeleʻele kahi e lana ai ka ʻike e like me ka hōʻailona neon ma kahi wehe ʻana o kahi hale hōʻikeʻike. ʻO nā poʻomanaʻo, i hoʻonohonoho ʻia ma GT Walsheim Medium me ka laina paʻa o 0.8–1.1 a me ka leka hoʻokaʻawale maikaʻi ʻole (-0.04em ma 54px), hana i kahi ʻano kikokikona i hoʻopaʻa ʻia a hoʻonaninani e hoʻokuke i mua ma mua o ke kau pono ʻana ma ka ʻaoʻao. Hāʻawi kahi polū uila hoʻokahi (#0099ff) i nā leo hana āpau—nā palena, ka ʻālohilohi, nā kiʻiona, nā kūlana hana—ʻoiai ke koena o ka interface e mau ana me ka achromatic, e hilinaʻi ana i nā hoʻololi hina hina (#111, #171717, #242424) e hana i ka hohonu mai ka ʻeleʻele maʻemaʻe. Manaʻo ʻia nā ʻāpana ma mua o ka hoʻonaninani: nā radii poepoe o 8–25px, nā palena lahilahi 1px, nā aka hāʻule liʻiliʻi, a me nā ʻili translucent e ʻae ai i ka hakahaka e ʻālohilohi.
ʻOi aku ka laulā o nā ʻāpana piha ma mua o ka canvas ʻeleʻele, me ka ʻike i kaupalena ʻia i ka laulā kiʻekiʻe o ~1200px a kikowaena i loko. Hōʻike ka ʻāpana nui i kahi poʻomanaʻo i kūlike hema a me kahi pihi kāhea-i-hana (CTA) hoʻokahi, me ka ʻaoʻao ʻākau i waiho hakahaka ʻia—ʻano like ʻole, ʻaʻole kikowaena. Hoʻololi nā ʻāpana ma waena o nā hoʻonohonoho kikokikona wale nō (poʻomanaʻo nui + kikokikona liʻiliʻi) a me nā kiʻi paʻi huahana. Hoʻohana ka ʻāpana "Comes with Framer" i kahi paia logo i loko o kahi grid 4-kolume. Ma ka ʻāpana kaiāulu, ua kau ʻia kahi kiʻi paʻi huahana i loko o kahi pahu kikowaena, piha ka laulā me nā kihi poepoe. He liʻiliʻi ka hoʻokele—he pā luna lahilahi me ka logo ma ka hema a me nā loulou i kūlike i ka ʻākau, me ka ʻole o nā mana i ʻike ʻia. ʻO ke ʻano o ka ʻāpana: nā hakahaka koʻikoʻi 80px ma waena o nā ʻāpana, e hana ana i nā mokupuni ʻokoʻa o ka ʻike e lana ana i ka hakahaka.
ʻO nā kiʻi paʻi o ka ʻaoʻao mea hoʻohana o ka huahana ka mea nui—i hoʻopili ʻia e kahi puka makani e like me ke chrome me nā kiko kukui kaʻa, ʻo nā kiʻi paʻi i hoʻokomo ʻia o ka app e lilo i kiʻi nui. Hōʻike ʻia nā Logos, e lawelawe ana ma ke ʻano he hōʻike o ka maikaʻi, ma nā leka keʻokeʻo ma kahi ʻeleʻele me ka hakahaka ākea. ʻAʻohe kiʻi paʻi, nā kiʻi, a i ʻole nā kiʻi abstract i hoʻohana ʻia—ʻo ka ʻōlelo ʻike maka ka huahana ponoʻī, i hōʻike ʻia ma ke ʻano he ʻaoʻao ola. Kaila ikona: minimalist, outlined, monochrome a keʻokeʻo i nā nui liʻiliʻi. Ka nui o ka kikokikona: ʻo ka hapa nui o ka kikokikona, me nā ʻāpana nui i kekahi manawa ma ke ʻano o nā kiʻi paʻi huahana. ʻO ke kaulike ʻike o ka hakahaka e makemake maopopo i ka typography ma mua o nā kiʻi.
Paleta
Lama
- Vivid Violet
#0066ff— ʻO ke pihi hana nui kahi wale nō ma ka interface kahi e hōʻike ʻia ai kahi pihi kala paʻa.
Kūlike ʻole
- Bone
#ffffff— ʻO nā poʻomanaʻo nui, ka kikokikona nui ma kahi kua ʻeleʻele, ʻo ke kua pihi ke kumu o ka mālamalama wale nō. - Void
#000000— ʻO ke kāwele o ka ʻaoʻao, ke kua hoʻokele, nā ʻili kāleka, ka hoʻopiha ikona—he ʻeleʻele pau ʻole kēia a pau e omo ana i nā ʻike pono ʻole. - Graphite
#111111— ʻO nā ʻili kāleka i hoʻokiʻekiʻe ʻia he ʻanuʻu ma luna o ka hakahaka—nā kāleka nui, hana a me nā pahu modal. - Obsidian
#171717— ʻO ka ʻili waena no nā pihi, nā kāleka hou, nā hoʻopiha UI - hoʻokaʻawale i nā mea pili mai ka canvas. - Slate
#242424— Ma ka hover, ʻo nā kahua hoʻokomo a me nā panela i hoʻokomo ʻia nā aka kūlike ʻōlinolino loa ma mua o ka hoʻololi ʻana i ke ʻano kikokikona. - Ash
#333333— Hoʻopiha hohonu no nā kiʻi hope hana ʻole a me nā mea hoʻonohonoho.
Palapala hoʻopili
mai 12 a i 68px · 8 mau ʻanuʻu
- sans-serif — pani: Inter · nā hoʻolālā 400 · sans-serif - loaʻa i ka ʻikepili i unuhi ʻia akā ʻaʻole i wehewehe ʻia e ka AI.
- GT Walsheim — pani: Inter Tight · nā hoʻolālā 500 · ʻO ke kinona no nā poʻo inoa a me nā inoa inoa ʻo ia ka kinona brand. Ua hoʻopōkole ʻia me ka ikaika, me ka laina o 0.8–1.1 a me ka leka o -0.04em a i -0.05em ma ka pae 44–68px. ʻAʻole ia he mea hoʻonaninani; ʻo ka mehana geometric o GT Walsheim, i hui pū ʻia me nā metrics koʻikoʻi, e hana i ka leo o ka ʻōnaehana—hilinaʻi, paʻa, a me ka futuristic iki. No ka hōʻike geometric like, e noʻonoʻo iā Inter Tight a i ʻole Space Grotesk Bold.
- Inter Variable — pani: Inter · nā hoʻolālā 400 · ʻO ke kikokikona nui, ka hoʻokele, a me nā poʻomanaʻo lua nā mea hana nui. ʻAe ka axis Inter Variable i ka hoʻopili maʻalahi ʻana o nā kaumaha. Hoʻemi ka hahai ʻana i ka piʻi ʻana o ka nui: mai -0.001em a i 18px a i -0.027em a i 22px. ʻAe ka mana loli no nā micro-animations maʻalahi o ke kahua. Pani: Inter ( Google) - he fallback like like.
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | awelika |
| Kaʻanuʻu kumu | 10px |
| Ka radius o ke pihi | 9999px |
| Ka laulā o ke kāleka | 20px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 80px |
| Ka laulā o ka ʻaoʻao | 1200px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Framer a hoʻopiha iā ia
- E hoʻopiha me nā huahana a me nā pou ma o ka loulou - Instagram, TikTok, Facebook.
- E hoʻoili i ka ʻike mai kāu pūnaewele kahiko—e kuhikuhi wale i ka helu wahi.
- Hoʻolālā hou ma ka ʻenekini maikaʻi loa: React ( Next.js) me ka hoʻoili ʻana o ke kikowaena a me ka hoʻonui ʻana o SEO ma waho o ka pahu.
- Hoʻonohonoho piha ʻana i ka SEO no nā hopena hulina a me nā ʻōlelo paipai pūnaewele neural.
Nā kaila like
- Auros — Kikowaena Abyssal me nā pōpō ʻikepili bioluminescent
- Origin Financial — He hale hōʻikeʻike o ke aumoe o ka waiwai mālie. He lumi mālie, kokoke i ka pōʻeleʻele kahi e hana ai nā kinona serif nui a me kekahi mau panela kala i hoʻomālamalama ʻia i ka manaʻo he hana noʻeau i mālama pono ʻia ke kālā.
- Raycast — Ke Kikowaena Kauoha o ka Waena Po, Coral Neon
- Dimension — kahi kahua hana i hoʻomālamalama ʻia i ka pō me nā panela aniani hau
- Reflect Notes — He hale kiaʻi pouli ka lewa poni hōkū kahi e lana ai nā memo e like me nā hōkū e kūʻē ana i ke kua o ka ʻeleʻele indigo hakahaka.
- Ameba — ʻO ka lumi hoʻomalu i ke aumoe - he pulse polū uila i loko o nā panela aniani hau
- Branding — Paia hale hōʻikeʻike ʻeleʻele, nā leo ʻulaʻula koko - Lana nā kinona keʻokeʻo nui ma luna o kahi canvas ʻeleʻele e like me ka hakahaka, i hoʻopilikia ʻia e kahi leo ʻulaʻula ʻālohilohi hoʻokahi a me nā mea hoʻonaninani kupaianaha e like me ka hōʻailona hale hōʻikeʻike ma mua o kahi pūnaewele.
- Harness — Mana Misiona i ke aumoe me nā leo ʻōmaʻomaʻo phosphorescent
- Koto — ʻO ka Hale Hōʻikeʻike Obsidian i ke aumoe. He kahua ʻeleʻele loa, kahi wale nō ke kumu kukui mahana he māka melemele hoʻokahi, a lana ke ʻano paʻa i loko o kahi ākea maikaʻi ʻole e like me nā pepa hoʻolaha hōʻikeʻike.
- Ohzi — He pahu ʻālohilohi i kau ʻia i loko o kahi hale hōʻikeʻike pouli
- Depot — He kikowaena kikowaena ʻeleʻele. He console hoʻomohala ʻeleʻele kokoke, me kahi LED ʻōmaʻomaʻo hoʻokahi e hōʻike ana i ka hoʻomaka ʻana o ka hana, a ʻo ke koena o ka interface mea hoʻohana i hōʻike ʻia ma ka graphite.
- Maciej Zadykowicz — ʻO ka Midnight Gallery me kāna mural kaleidoscopic he paia studio ʻeleʻele loa ia kahi i koi ʻia ai ka nānā ʻana e kahi ʻāpana kiʻi typographic ʻōlinolino a waihoʻoluʻu aʻo nā mea ʻē aʻe e noho mālie a noʻonoʻo pono ana.