Subframe
Àwòrán àwòrán lórí ìwé gbígbóná. Ìwé oníṣẹ́ ọnà, níbi tí gbogbo ìtẹ̀sí jẹ́ graphite tàbí eraser, kìí ṣe àwọ̀—a máa ń rí ìjìnlẹ̀ rẹ̀ nípasẹ̀ ìfúnpọ̀ ìlà àti àwọn serif díẹ̀.
Subframe jẹ́ ibi iṣẹ́ oníṣẹ́-ọnà monochrome kan: kanfasi gbígbóná, onípara, inki graphite-dúdú, àti àìsí àwọn àmì chromatic pátápátá. Gbogbo ìfọwọ́sowọ́pọ̀ náà ni a rí gẹ́gẹ́ bí ohun èlò kan ṣoṣo—pépà, pẹ́ńsù, àti òjìji—pẹ̀lú ìfọwọ́sowọ́pọ̀ onígboyà kan: serif tí a ti ṣe àtúnṣe (Instrument Serif) tí a gbé ka orí sans-serif (Inter), tí ó fún àwọn àkọlé ní agbára ìtẹ̀síwájú. Àwọn ojú ilẹ̀ náà tẹ́ẹ́rẹ́, wọ́n sì ní fireemu dípò kí wọ́n gbé e sókè; a ń rí jíjìn nípasẹ̀ àwọn ìpínkiri tín-tín nínú #e5e7eb àti àwọn àmì inú rẹ̀ lórí àwọn ìṣàkóso dúdú dípò òjìji. Ìwọ̀n náà pọ̀: ìró ìdúró gbọ̀ngbọ̀n (48–64px ti àwọn àlàfo láàárín àwọn ìpín), àwọn ìṣètò àárín, àwọn ìpele fífẹ̀, àti ààyè funfun tí ó pọ̀ ní àyíká ọ̀rọ̀. Àwọ̀ kan ṣoṣo ni ìyàtọ̀ láàárín funfun àti dúdú tí ó sún mọ́, tí ó mú kí bọ́tìnì dúdú jẹ́ ohun tí ó gbayì jùlọ lórí ojú ìwé kọ̀ọ̀kan, àti ìlà àwọn àmì ìdámọ̀ alábàáṣiṣẹpọ̀ ní àwọn ohùn ewéko aláwọ̀ ewé nìkan ni ohun èlò ìrísí ohun ọ̀ṣọ́.
Àwọn ìṣètò tí ó wà ní àárín gbùngbùn, tí ó ní ìwọ̀n gígùn (1200px) pẹ̀lú ìró ìdúró gígùn tí ó pọ̀. Ohun pàtàkì náà jẹ́ bulọ́ọ̀kì kan ṣoṣo tí ó wà ní àárín gbùngbùn: ìdarí dúdú, tí a pín sí méjì ní òkè, àkọlé "Inter" ńlá kan, àkọlé kékeré ìlà kan, àti àwọn bọ́tìnì méjì tí ó wà ní ẹ̀gbẹ́ (tí a kún + tí ó hàn gbangba)—kò sí àwòrán ẹ̀gbẹ́, kò sí ìyapa ìṣètò. Ní ìsàlẹ̀ ohun pàtàkì ni ìlà àmì grẹ́y tí ó wà ní àárín gbùngbùn wà. Apá kọ̀ọ̀kan tí ó tẹ̀lé e tẹ̀lé àpẹẹrẹ kan náà: àkọlé tí ó wà ní apá òsì àti bulọ́ọ̀kì kékeré, lẹ́yìn náà fírémù ìfihàn ọjà tí ó ní ìwọ̀n gígùn pẹ̀lú 48–64px ti àlàfo gutter láàrín àwọn apá. Ìlọ kiri kéré: ọ̀pá òkè pẹ̀lú àwọn ìjápọ̀ àárín gbùngbùn àti àwọn ìṣe tí ó wà ní apá ọ̀tún, kò sí ẹ̀gbẹ́, kò sí àkójọpọ̀ ńlá. Ojú ìwé náà kà láti òkè dé ìsàlẹ̀ gẹ́gẹ́ bí ìlà àwọn gbólóhùn tí ó wà ní àárín gbùngbùn, tí a fún olúkúlùkù ní àyè tí ó pọ̀—ìṣètò náà dàbí àkójọ ìwé olóòtú ju ojú ìwé ọjà tí ó ń ṣiṣẹ́ lọ.
Apẹẹrẹ wiwo naa jẹ ohun ti o kere ju ati iṣẹ ṣiṣe. Eto naa lo awọn ipo wiwo meji: (1) awọn iboju aworan ọja ti a fi fireemu ṣe ati awọn apẹẹrẹ UI ti a fi sinu awọn fireemu radius-24px—wọn ṣe afihan awọn ẹya wiwo gangan (awọn tabili, awọn bọtini, awọn fọọmu) ti a ṣe ni paleti monochrome kanna, ti o jẹ ki awọn iboju aworan han bi ohun ti a so mọ oju-iwe naa laisi wahala; (2) ila kan ti awọn aami alabaṣiṣẹpo grẹy ṣiṣẹ bi ẹri awujọ, ti a ṣe ni fifẹ, laisi awọ tabi awọn apoti. Ko si awọn fọto igbesi aye, awọn gradients abstraction, tabi awọn ifihan 3D. Ohun kan ti o ṣe apejuwe nikan ni "tile" ọja dudu, ti o dojukọ ipilẹ grẹy gbona pẹlu aami ami iyasọtọ - a rii bi ifihan ọja, kii ṣe ọṣọ. Gbogbo awọn aworan gba apẹrẹ ti o da lori ọrọ, nibiti iwuwo wiwo nipasẹ ọrọ naa gbe.
Paleti
Dídúróṣinṣin
- Page Canvas
#fafafa— Àwòrán ojú ìwé náà, káàdì ìfìwéránṣẹ́ lórí kánfáìlì, ìkọ̀wé ìmọ́lẹ̀ lórí àwọn ojú dúdú - àwọ̀ funfun gbígbóná tí ó wà lábẹ́ gbogbo ètò monochrome náà. - Hairline Border
#e5e7eb— Àwọn ìpínkiri, ààlà káàdì, àwọn fírémù àwòrán, àwọn àkójọ àmì - irú àkójọpọ̀ tí a sábà máa ń lò jùlọ nínú ètò náà, ló ń ṣàlàyé ìṣètò ààyè. - Card Surface
#ededed— Agbelehin ti a gbe soke fun awọn kaadi, oju afikun - wa ni igbesẹ kan loke kanfasi, ṣiṣẹda akojọpọ laisi awọn ojiji. - Divider Mid
#dadada— Àwọn ìpín àárín àti àwọn ìyípadà láàrín àwọn apá - Graphite
#242424— Ìkún tó yàtọ̀ síra fún àwọn bọ́tìnì àkọ́kọ́ lórí àwọn ojú iná. - Ink Black
#171717— Ọ̀rọ̀ ara, àwọn àkọlé, àwọn àmì ìṣàfihàn - ó tutù díẹ̀ ju Graphite lọ, tí a lò fún ìtẹ̀wé dípò àwọn ojú ilẹ̀.
Ìtẹ̀wé
láti 12 sí 128px · Àwọn ìgbésẹ̀ 7
- Inter — rirọpo: Inter (Google Fonts) · awọn ilana apẹrẹ 500, 600, 700 · Ìfọwọ́sowọ́pọ̀ ètò sans-serif—ìlọ kiri, ọ̀rọ̀ ara, bọ́tìnì, àkọlé kékeré, àti àkọlé apá. Ìwọ̀n: 500 fún ọ̀rọ̀ ara àti àwọn ìṣàkóso, 600 fún àwọn àkọlé kékeré àti àwọn àmì ìtọ́kasí, àti 700 fún àwọn àkọlé apá. Ààyè lẹ́tà odi tó lágbára ń mú àwọn ìrísí onígun mẹ́rin ní ìwọ̀n èyíkéyìí, èyí tó fún ìfọwọ́sowọ́pọ̀ náà ní ìrísí ìmọ̀-ẹ̀rọ tó péye.
- Instrument Serif — rirọpo: Playfair Display · awọn ilana apẹrẹ 400 · Fọ́ọ̀ǹtì serif tí a ṣe fún àwọn àkọlé àti àkóónú àtúnṣe nìkan. Ìwúwo rẹ̀ tó 400 àti àlàfo lẹ́tà -0.025em ṣẹ̀dá ìrísí tó lẹ́wà, tó sì yàtọ̀ sí ti iṣẹ́-ọnà Inter—ọ̀nà ìfọwọ́sowọ́pọ̀ kan: ọ̀rọ̀ serif kan ṣoṣo tàbí gbólóhùn kan nínú ojú ìwé sans-serif, tó ń ṣiṣẹ́ gẹ́gẹ́ bí àmì ìrísí dípò àkọlé àkọ́lé.
- Fragment Mono — rirọpo: JetBrains Mono · awọn ilana apẹrẹ 400 · Àmì ìdámọ̀ràn fún àwọn ohun èlò bíi kódì inú, àwọn àmì ìdámọ̀, àti àwọn ìpè ìmọ̀-ẹ̀rọ. Bí a bá lò ó díẹ̀díẹ̀, ó máa ń hàn nínú àwọn àkójọ iṣẹ́ àti àwọn àkọsílẹ̀ inú ìlà níbi tí irinṣẹ́ ìṣètò náà ti fẹ́ fi hàn pé "èyí ni ìjáde ẹ̀rọ."
Àárín àti ìrísí
| Ète | Ìtumọ̀ |
|---|---|
| Ìwọ̀n | apapọ |
| Igbesẹ ipilẹ | 8px |
| Rọ́díọ̀sì bọ́tìnì | 16px |
| rédíọ̀sì káàdì | 24px |
| Àwọn òjìji | kò sí - àwọn ààlà dípò àwọn òjìji |
| Láàárín àwọn ẹ̀ka | 64px |
| Fífẹ̀ ojú ìwé | 1200px |
AI yóò kọ́ ojú òpó wẹ́ẹ̀bù rẹ ní ọ̀nà Subframe yóò sì kún ún
- Kún àwọn ọjà àti ìfiránṣẹ́ nípasẹ̀ ìjápọ̀ náà - Instagram, TikTok, Facebook.
- Gbe akoonu lati oju opo wẹẹbu atijọ rẹ—kan sọ adirẹsi naa.
- Apẹẹrẹ ode oni lori ẹrọ ti o dara julọ: React ( Next.js) pẹlu ifihan olupin ati iṣapeye SEO kuro ninu apoti.
- Iṣapeye SEO adaṣe ni kikun fun awọn abajade wiwa ati awọn iṣeduro nẹtiwọọki neural.
Àwọn àṣà tó jọra
- monopo saigon — Ìmọ́lẹ̀ olómi, tó ń tàn yanranyanran lẹ́yìn ìdákẹ́jẹ́ẹ́ olóòtú—ibi ìkópamọ́ olóòtú aláwọ̀ kan tó ń hó lórí ìmọ́lẹ̀ tó yọ́
- Hyer Aviation — Alẹ́ ní inú ọkọ̀ akẹ́rù lórí ìwé aláwọ̀ ewé. Ojú ọ̀run funfun náà pàdé àmì serif tó tóbi bíi fọ́ọ̀sì, ohùn amọ̀ gbígbóná kan ṣoṣo sì fọ́ ìdènà monochrome náà.
- OFF+BRAND. — Àyíká onírun tí ó tàn yanran lórí ìwé parchment gbígbóná
- Seed — ohun alààyè kan lábẹ́ gilasi yàrá
- Eindhoven Design District — Ìwà ìkà tí a fi ń ṣe ìwé ìròyìn lórí ìwé funfun jẹ́ ìwé àgbékalẹ̀ ìṣètò ìlú, tí a ṣe ní ìrísí ńlá, pẹ̀lú fọ́tò tí kò pọ̀ tó àti ìdènà pátápátá.
- Miranda — Irú ìrísí onípele-gíga àtijọ́ lórí ìpìlẹ̀ ìpara fẹ́lẹ́fẹ́lẹ́—olùtẹ̀wé ìwé ìròyìn fún ìgbà ayé oní-nọ́ńbà
- Monocle — Ìwé ìròyìn tó gbajúmọ̀, tó sì gbòòrò lórí ìwé aláwọ̀ ìpara. Ìwé ìròyìn tó wà ní ìṣọ́ra, níbi tí gbogbo ọ̀wọ́n ti yẹ fún àyè rẹ̀, tí àwọ̀ kan ṣoṣo tó ní ìtumọ̀ sì wà lórí ojú ìwé náà.
- Agencja brandingowa — Àkójọ àwòrán olóòtú ní àwọn ohùn funfun pẹ̀lú ìkọ̀wé tí a fi inki dúdú ṣe
- Websmith Studio — Ina owurọ lori iwe ipara
- Aspelin Reitan — Àkójọ Àwọn Àwòrán Láti ọwọ́ Candlelight - Ojú ìwé náà dàbí àkójọ àwọn àyè tí a kọ́, tí a so mọ́ ògiri ìpara gbígbóná, pẹ̀lú ìlà kan ti ọ̀rọ̀ funfun tí ó ń fò lókè àwòrán kọ̀ọ̀kan lórí gbogbo fífẹ̀ ojú ìwé náà.
- Public — Àtúnṣe àwòrán aláwọ̀ kan lórí mábù tútù—ó fẹ́rẹ̀ẹ́ jẹ́ àwòrán aláwọ̀ kan, pẹ̀lú fọ́ọ̀ǹtì serif onígun 300 àti àmì aláwọ̀ elése àlùkò kan ṣoṣo tó ń ṣe gbogbo iṣẹ́ àwọ̀ náà.
- Motto — Àwòrán ìkọ̀wé lórí ìwé - ohùn kan ṣoṣo tó ní ìgboyà tó ń polongo ara rẹ̀ lórí ìwé funfun bíi yìnyín