Ui
ètò ìṣègùn lórí ìwé matte
shadcn/ui jẹ́ ìdánilẹ́kọ̀ọ́ fún ṣíṣẹ̀dá ètò àwòrán monochrome kan: àwọ̀ funfun tí ó mọ́, ojú ewé gbígbóná tí ó gbóná, àti àwọn káàdì radius ńlá tí a gbé kalẹ̀ sí àwọn ààlà tí ó kéré jùlọ. Ìfọwọ́sowọ́pọ̀ náà fẹ́rẹ̀ẹ́ jẹ́ aláìlẹ́gbẹ́ pátápátá—ọ̀rọ̀ dúdú, ojú funfun, àwọn ohùn kejì ewé—pẹ̀lú àwọ̀ pupa kan ṣoṣo, tí ó ní ìdàrúdàpọ̀ tí a yà sọ́tọ̀ fún àwọn ipò àṣìṣe àti ohunkóhun mìíràn. Ìtẹ̀wé náà gbára lé àìdádúró onípele-ẹ̀dá Geist pẹ̀lú gíga lẹ́tà tí ó gún lórí àwọn ìbòjú, ó ń ṣẹ̀dá ìmọ̀lára tí ó dákẹ́ jẹ́ẹ́, tí ó dàbí ìṣẹ̀dá olùgbékalẹ̀ ju ọjà oníbàárà lọ.
Àwọn àwòrán tó kéré jù—ètò náà ní gbogbo ìfọwọ́sowọ́pọ̀ olùlò. Kò sí àwọn fọ́tò pàtàkì, àwòrán, tàbí àwòrán ohun ọ̀ṣọ́. Àwọn àfihàn ọjà ni a gbé kalẹ̀ gẹ́gẹ́ bí àwòkọ́ṣe àwọn ẹ̀yà ara (àwọn káàdì, àwọn pápá ìtẹ̀wọlé, àwọn bọ́tìnì) nínú àkójọ, tí ó ń ṣiṣẹ́ gẹ́gẹ́ bí àkọsílẹ̀ àti àkóónú ojú. Àwọn àmì jẹ́ àwọn ìlà onígun mẹ́ta (ó ṣeé ṣe kí a yá láti Lucide) tí ó nípọn 1.5–2px ní #0a0a0a tàbí #737373, tí a lò díẹ̀ gẹ́gẹ́ bí àmì iṣẹ́. Èdè ìwòran ni àwọn ẹ̀yà ara UI fúnra wọn—ojú ìwé náà ń ṣiṣẹ́ gẹ́gẹ́ bí ìtọ́sọ́nà àṣà ìgbésí ayé, níbi tí gbogbo ẹ̀yà ara tí a lè rí jẹ́ ẹ̀yà ara àwòrán tí a lè rí.
Paleti
Dídúróṣinṣin
- Canvas
#f5f5f5— Àpẹ̀rẹ̀ ojú ìwé, ìkún ojú tí a ti sọ di aláìlókùn, àwọn bọ́tìnì afikún. - Paper
#ffffff— Àwọn ojú káàdì, àwọn ìpìlẹ̀ ìfìhàn, àwọn ìkún bọ́tìnì àkọ́kọ́ - Surface Alt
#fafafa— Ẹ̀gbẹ́ ẹ̀yìn, àṣàyàn káàdì tí kò ní ìfarahàn, ipò àìṣiṣẹ́ ti pápá ìtẹ̀wọlé. - Ink
#0a0a0a— Ọ̀rọ̀ pàtàkì, àwọn àkọlé, àwọn àmì bọ́tìnì, àwọn àtòjọ àmì. - Ink Soft
#171717— Àwọn àwòrán ìsàlẹ̀ bọ́tìnì pẹ̀lú àfikún, àfikún ọ̀rọ̀ lórí àwọn ojú ìmọ́lẹ̀. - Mid Gray
#737373— Àwọn ọ̀rọ̀ pàtàkì, ọ̀rọ̀ ìpamọ́, àwọn àmì ìrànlọ́wọ́, àti àmì ìkún ní ìsinmi ni a ti parẹ́.
Ìtẹ̀wé
láti 12 sí 48px · Àwọn ìgbésẹ̀ 8
- Geist — rirọpo: Inter · awọn ilana apẹrẹ 400, 500, 600 · Gbogbo ìfọ̀rọ̀wérọ̀ ìfọwọ́sowọ́pọ̀—ọ̀rọ̀ ara pẹ̀lú ìwọ̀n ìlà 14px/400, àwọn àkọlé pẹ̀lú ìwọ̀n ìlà 24–48px/600, àti àwọn bọ́tìnì pẹ̀lú ìwọ̀n ìlà 13–14px/500. Àwọn fọ́ọ̀mù lẹ́tà onípele-ìrísí Geist àti ìwọ̀n ìlà kan náà ń mú kí àwọn irinṣẹ́ olùgbékalẹ̀ ní ìmọ̀lára àìdára; ìwọ̀n ìlà 600 pẹ̀lú àlàfo lẹ́tà 48px àti àlàfo lẹ́tà -0.05em ń mú kí àwọn àkọlé tí ó ṣe kedere, tí ó ní ìgbẹ́kẹ̀lé hàn, tí ó dàbí ẹni tí ó ronú jinlẹ̀ dípò tí a bá ṣàtúnṣe.
Àárín àti ìrísí
| Ète | Ìtumọ̀ |
|---|---|
| Ìwọ̀n | pọn |
| Igbesẹ ipilẹ | 8px |
| Rọ́díọ̀sì bọ́tìnì | 18px |
| 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 | 48-80px |
| Fífẹ̀ ojú ìwé | 1280px |
AI yóò kọ́ ojú òpó wẹ́ẹ̀bù rẹ ní ọ̀nà Ui 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
- Ventriloc — Àkíyèsí olóòtú nípa dátà lórí ìwé gbígbóná - ember osàn kan ṣoṣo tó ń ṣàfihàn ìṣedéédé monochrome
- Geniestudio — Àkọsílẹ̀ ìmọ́lẹ̀ ojú ọjọ́ dídùn—irú rẹ̀ pẹ̀lú àwọn ètí gbígbòòrò àti ìtẹ̀wé kan tí ó nípọn
- xAI — Ilé ìwádìí ìpara gbígbóná pẹ̀lú oògùn dúdú
- Cal — Ìgbésẹ̀ tó jẹ́ ti ènìyàn. Ètò kan tó ṣe pàtàkì sí ìmọ́lẹ̀ àti iṣẹ́ nípasẹ̀ páálí dúdú àti funfun tó lágbára, àmọ́ tó mú kí ó rọ̀ pẹ̀lú ìkọ̀wé tó dára àti àwọn ìrísí tó yípo.
- Scale — Ilé ìwádìí àwòrán tó gbajúmọ̀ pẹ̀lú iṣẹ́ ìmọ́-ẹ̀rọ kan tó ní ìpele gíga
- Contractbook — awọn adehun ti iwe ipara labẹ ọrun ultramarine kan
- AutoSend — Ilé iṣẹ́ òkúta tó rọrùn pẹ̀lú ìmọ́lẹ̀ aláwọ̀ elése àlùkò kan ṣoṣo—níbi tí àwọn àkọlé serif àti indigo tó ń tàn yanran ń pe àwọn ènìyàn láti ṣe nǹkan pọ̀ ní àyè kan tó dákẹ́ jẹ́ẹ́, tó fẹ́rẹ̀ jẹ́ funfun.
- Air — ere "Midnight Sky Through Gilasi"
- SpatialChat — ìlù aláwọ̀ elése àlùkò lórí ìwé funfun
- Squarespace — Àkójọ àwòrán sinima monochrome
- Giga — Òru òru lórí òru obsidian tí a fi yìnyín ṣe
- Supabase — Olóòtú kódì ní òru pẹ̀lú àmì aláwọ̀ ewé phosphorescent—ìlù chromatic kan ṣoṣo lórí òkun eruku èédú