
Column
akwụkwọ ndekọ acha anụnụ anụnụ gbara ọchịchịrị n'okpuru chi ọbụbọ oyi
Kọlụm ahụ na-eji acha anụnụ anụnụ dị omimi, nke e guzobere n'azụ dị ka ọcha: ibe ahụ dị ka elu ngwaahịa ụlọ akụ siri ike na mbụ na ebe egwuregwu onye nrụpụta na-esote. Agba akara ahụ abụghị otu, kama ọ bụ ụzọ abụọ a haziri ahazi - acha anụnụ anụnụ #111a4a maka nhazi siri ike, mint green #44b48b maka data na koodu - yana otu oroma na-ekpo ọkụ (#ec652b) nke edobere maka elu olu dị elu dị ka kaadị Brex. SuisseIntl, nke bụ serif geometric na-enweghị serif ejiri mee ihe n'ofe oke ibu niile site na 300 (njikọ) ruo 600 (ngosipụta), na-enye sistemụ ahụ ụdị nchịkọta akụkọ dị mma nke ọtụtụ ụlọ ọrụ fintech enweghị. Kaadị na-ese n'elu elu ọcha buru ibu nwere onyinyo dị nro, nke nwere akwa; ọtụtụ ihe interface dị larịị, omimi na-apụta naanị ebe kaadị kwesịrị ịdị ka ihe anụ ahụ (wijetị azụmahịa, ihe atụ ngwaahịa). A na-egosi koodu na data ego na agba monochrome, nke nwere ụfụfụ mmiri - ihe ngosi anya na nke a bụ ụlọ akụ nke ndị injinia wuru maka ndị injinia.
Nhazi ibe ahụ bụ obosara zuru oke, etiti ya na akụkụ akụkụ sara mbara (64–15 cm na desktọpụ). Ihuenyo bụ isi bụ nhazi kewara ekewa: isi okwu na oku maka ihe omume dị n'aka ekpe na 25 cm, ebe wijetị azụmahịa na-ese n'elu mmiri dị n'aka nri na 55 cm megide ndabere maapụ ọkara ụda. N'okpuru ihuenyo bụ isi, ngalaba na-agbanwe n'etiti ọcha (4 cm) na ákwà mgbochi ọkụ (5 cm) yana oghere kwụ ọtọ 6 cm. A na-ahazi ọdịnaya dịka otu grid kọlụm 6 si dị: blọk ederede na-etinye kọlụm 4 (7 cm), kaadị onyonyo/ngwaahịa na-etinye kọlụm 5–6, yana mgbanwe ebumpụta ụwa site na grid. Ngalaba na-akọwa atụmatụ na-eji nhazi kọlụm 2: ederede n'aka ekpe, ngwaahịa n'aka nri. A na-ekewa ngalaba ọnụ ọgụgụ ntụkwasị obi n'ime grid kọlụm 4 n'ofe obosara nke ibe ahụ. Akara ndị ahịa dị n'otu ahịrị etiti nwere oghere 48px. Ala ala nwere nhazi kọlụm abụọ dị obere. Njem nlegharị anya ahụ bụ ogwe elu edobere, nke dị 62px-ogologo, nke doro anya n'elu ihuenyo isi ya, nwere ndabere na-adịghị mma nke na-acha ọcha ka ị na-agagharị. Enweghị akụkụ aka nri ma ọ bụ nnukwu menu—nhọrọ ndị a bụ menu dị mfe nke ụdị akụ.
Ụdị ihe a na-ahụ anya dị obere ma dịkwa mma—Kọlụm na-ezere foto ngwaahịa kpamkpam. E wuru asụsụ ihe a na-ahụ anya na isi mmalite atọ: (1) ihe osise data SVG, ọkachasị maapụ ụwa nke nwere ntụpọ, nke e ji gradient si na indigo gaa na oroma gaa na turquoise mee, na-emepụta ikuku zuru ụwa ọnụ n'azụ ihe bụ isi; (2) nhazi kaadị ngwaahịa—wijetị na-ese n'elu mmiri na-egosi nguzozi akaụntụ, nkọwa mbufe, na obere koodu JSON na kaadị ọcha nwere onyinyo dị egwu; (3) ihe ngosi eserese—ihe kandụl turquoise ma ọ bụ chaatị mmanya nwere ahịrị njikọ dị gịrịgịrị ejiri na ngalaba ntụkwasị obi/ọnụọgụgụ. Maapụ halftone bụ ihe ngosi mbinye aka—mgbanwe gradient ya site na #d65620 (oroma) site na violet, acha anụnụ anụnụ, azure, turquoise, na odo, na-emepụta ụdịdị nke na-ejikọta palette akara niile na otu elu mma. Akara ngosi ndị ahụ nwere ọkpụrụkpụ nhazi otu nke 1.5–2px na ụdị #232730 ma ọ bụ #a9acb6, yana jupụta maka ọnọdụ na-arụ ọrụ. Enweghị foto ụdị ndụ, enweghị ihe osise 3D nkịtị - njide ahụ bụ ebumnuche ilekwasị anya na ngwaahịa na data.
Paletị
Akara
- Indigo Navy
#111a4a— A na-eji agba akara bụ isi maka oku ndị e tinyere n'ọrụ, ọnọdụ igodo na-arụ ọrụ, isi okwu, na akara ngosi ahụ. Agba violet-acha anụnụ anụnụ miri emi na-enye saịtị ahụ agba ojii siri ike ma baa ọgaranya; ma e jiri ya na ederede ọcha, ọ na-emepụta bọtịnụ kachasị ike na saịtị ahụ. - Seafoam 600
#44b48b— Koodu na agba data bụ agba akara maka igodo JSON, ihe njirimara, na uru ego na obere ihe odide koodu. A na-ejikwa ya maka isi data na chaatị na onyonyo uto. - Seafoam 700
#167e6c— Ojii gbara ọchịchịrị nke ụfụfụ mmiri maka ihe osise, ahịrị eserese, na akara ngosi dị n'ime ọnọdụ data. Nke a na-ejikọta nha ụfụfụ mmiri na ndabere gbara ọchịchịrị. - Seafoam 400
#94efb7— Ibe koodu a kpọpụtara nwere uru eriri, URL, na njedebe API n'ime blọk koodu. Agba ụfụfụ mmiri kacha dị mfe na-agụ dị ka mkpụrụedemede dị n'otu ebe nwere agba akwụkwọ ndụ akwụkwọ ndụ. - Deep Sea
#023247— Ihe osise mara mma na agba olu nke eserese ahụ bụ agba turquoise bara ụba nke e ji mee ihe na eserese SVG na ihe ngosi data, yana nha agba ụfụfụ mmiri.
Na-anọpụ iche
- Midnight Ink
#011821— Elu gbara ọchịchịrị na ederede a kpụpụtara - ndabere kaadị ngwaahịa, ederede isi dị iche nke ukwuu. Dị nso na isi awọ nwere agba anụnụ anụnụ-akwụkwọ ndụ akwụkwọ ndụ dị jụụ; ejiri ya dị ka ntọala maka ọnọdụ gbara ọchịchịrị mgbe a chọrọ ịtụgharị ngalaba. - Slate Ink
#3b3e47— Aha nke abụọ na isi ihe odide ahụ dị ntakịrị ọkụ karịa Midnight Ink, nke e ji mee ihe ebe oji dị ọcha ga-adị oke njọ na ákwà ọkụ ahụ. - Steel
#7c7f88— Agba gbara ọchịchịrị na-achịkwa ederede bụ isi na njikọ ahụ (ejiri ya ugboro 245 na isi ederede). Agba isi awọ-acha anụnụ anụnụ na-anọpụ iche nke a na-ahụ dị ka ihe dị jụụ, ọ dịghị mgbe ọ bụ onyinyo a sachara. - Fog
#a9acb6— Ihe osise akara ngosi, ókèala nke atọ, na ederede ihe njide. Agba ntụ ntụ ọkara nke na-ekewa ederede ahụ n'asọmpi na ya. - Mist
#cbcccf— Ihe odide bụ isi—mbinye aka, nkọwapụta, na obere mbipụta—a na-agụ ya n'azụ ọcha, mana ọ naghị apụta ìhè nke ọma. - Silver Lining
#e3e4e8— Ókèala kaadị, ókèala ubi ntinye, ahịrị nkewa. A na-eji agba nhazi a, nke dị nro ebe a ga-ekewa elu abụọ na-enweghị onyinyo.
Ụdị edemede
site na 10 ruo 60px · nzọụkwụ 10
- SuisseIntl — nnọchi: Inter · ihe nhazi 300, 400, 500, 600 · Mkpụrụedemede bụ isi - ejiri ya mee ihe maka isi okwu niile, ederede ahụ, bọtịnụ, ịnyagharịa, njikọ, na ederede kaadị. Ihe pụrụ iche nke geometric sans serif na-enye Kọlụm ụdị nchịkọta akụkọ pụrụ iche, na-eme ka ọ dị iche na ụlọ ọrụ fintech ndị ọzọ na-arụ ọrụ naanị na Inter-naanị. Ibu ya bụ 600 na 52–60px maka isi okwu, 500 maka isi okwu nta, 400 maka ederede ahụ, na 300 maka njikọ ndị na-adịghị mkpa.
- SuisseIntlMono — nnọchi: JetBrains Mono · ihe nhazi 400 · Mkpụrụedemede dị n'otu ebe yiri SuisseIntl, nke e ji mee akara teknụzụ, ihe njirimara API, na data agbakwunyere n'ime ihe UI. Ọ na-ejigide otu nha ahụ dị ka SuisseIntl, yabụ ederede dị n'otu ebe na nke dabara adaba na-adaba nke ọma n'ọnọdụ agwakọtara.
- SFMono — nnọchi: Fira Code · ihe nhazi 400 · Ngosipụta obere ihe gbasara koodu - egosiri na ihe atụ JSON na ngọngọ akwụkwọ API. A na-eji onyinyo mmiri mmiri iji mata koodu site na ederede UI.
Oge na ụdị
| Ebumnuche | Ihe ọ pụtara |
|---|---|
| Njupụta | nkezi |
| Nzọụkwụ bụ isi | 8px |
| Redịọs bọtịnụ | 8px |
| Redịọs kaadị | 8px |
| Onyinyo | mba - ókèala kama onyinyo |
| N'etiti ngalaba | 72px |
| Obosara ibe | 1200px |
AI ga-ewulite weebụsaịtị gị n'ụdị Column ma jupụta ya
- Jupụta ngwaahịa na ozi site na njikọ ahụ - Instagram, TikTok, Facebook.
- Bufee ọdịnaya site na saịtị ochie gị—kpọọ naanị adreesị ahụ.
- Nhazi ọgbara ọhụrụ na injin kacha mma: React ( Next.js) na nhazi sava na nhazi SEO n'ime igbe.
- Nhazi SEO akpaghị aka zuru oke maka nsonaazụ ọchụchọ na ndụmọdụ netwọkụ akwara.
Ụdị ndị yiri ya
- dope.security — Ọdụ etiti abalị nwere akara odo odo
- Leonardo — Ụlọ ngosi ihe nkiri nke agbagharịrị agbagharị. Ụlọ ngosi ihe mgbe ochie nwere mgbidi ojii ebe isi okwu odo odo na-arụ ọrụ dị ka ntọala mgbidi, na foto ndị AI mepụtara na-adị n'ime grid dị oke n'okpuru.
- VEED — Mgbidi ụlọ ngosi ihe ngosi ọcha nwere bọtịnụ ọkụ akwụkwọ ndụ neon
- Craft Docs — Nchịkọta dijitalụ maka ide ihe. Nhazi ya yiri akwụkwọ ndetu echiche na-emetụ aka, ebe ndetu dijitalụ ahaziri ahazi na-ejikọta ya na udidi dị nro na nke organic.
- Letter — Ụlọ ngosi ihe ngosi nkeonwe nke nwere ihe ochie na-egbuke egbuke site na ebe a na-edebe ihe. Ebe ngosi ihe ngosi nke nwere mgbidi ojii ebe isi akụkọ serifed na-ese n'elu ihe oyiyi chrome n'elu mgbidi agba nke ụlọ ngosi ihe ngosi ahụ.
- Railway — Cosmic Midnight Express. Njem dị jụụ, na-atọ ụtọ site na mbara igwe gbara ọchịchịrị, nke kpakpando na-enwu, nke akara ngosi doro anya na-eduzi.
- Garden Eight — Nnukwu nchịkọta akụkọ gbasara akwụkwọ nwere agba ude. Isi okwu serif nke 215px dị naanị ya n'elu akwụkwọ akpụkpọ anụ na-ekpo ọkụ, gbara ya gburugburu site na ụdị ihe ọkpụkpụ na-ese n'elu mmiri na oghere na-adịghị mma nke na-egosi ikuku oké osimiri - peeji ahụ dị ka mkpuchi nke akwụkwọ nka karịa dashboard.
- Steep — Nyocha nke mkpụrụedemede Serif na akwụkwọ ọkụ
- ElevenLabs — Edemede foto n'ụdị ude ọkụ nwere isi akụkọ dị mfe nghọta. Akwụkwọ ndetu ụdị Bauhaus—akwụkwọ nwere agba àkwá, ink ojii, na otu olu odo odo na oroma maka ngosipụta ngwaahịa.
- Awesomic — Ntugharị zinc nke nchịkọta akụkọ nwere akara edemede oroma na-echetara gị confetti
- Monad — akwụkwọ akụkọ teknụzụ nchịkọta akụkọ gbasara akwụkwọ parchment ọkụ
- AI for Business — Ụlọ ngosi ihe nkiri ndị na-eme ihe ike n'olu na-acha isi awọ na-ekpo ọkụ