Huly
Limyè Nò yo nan Observatwa Minwi a - pwtagonis la se yon reyon koulè mov vètikal ki ap defòme nan koray, epi chak seksyon trankil anba li prete menm istwa de ton an ki rakonte nan yon ton pi modere.
Huly raple anbyans yon espas travay kosmik: yon twal prèske nwa ak yon sèl limyè vyolèt-anm ki koupe eleman prensipal la, epi anba li, yon kadriyaj pi modere pou ogmante pwodiktivite. Sistèm nan opere nan yon seri koulè etwat—yon ble klere ak yon koray fè tout travay maketing lan sou sifas grafit ki gen kouch, kidonk mòd nwa a pa janm santi l net. Tipografi a se nan stil Entè pou tout bagay fonksyonèl, ak yon polis koutim (Esbuild) rezève pou pwen kle yo, ak yon espasman 80-84px ak yon espasman lèt negatif agresif. Konpozan yo gen fòm kapsil: reyon 9999px sou kontwòl yo, 12px sou kat yo, lonbraj minimòm, ak liy gradyan klere kòm dekorasyon prensipal la. Paj la altène ant zòn nwa plen paj la ak seksyon limyè kalm, kidonk nenpòt nouvo ekran ta dwe deside sou mòd la anvan yo chwazi koulè.
Paj dakèy konplè a prezante yon reyon limyè nò vètikal ak yon tit aliyen agoch, ansanm ak yon kopi ekran pwodwi ki pozisyone anba adwat. Anba paj dakèy la gen yon zòn kontni ki gen yon lajè maksimòm, 1200px, ak bann nwa ak klè altène. Chak seksyon se yon sèl blòk vètikal: yon tit plis yon griy 3 oswa 4 kolòn ak kat separe pa espas 96px. Seksyon "MetaBrain" nan kraze griy la ak yon tit santre ak yon mozayik kat diferan gwosè (yon gwo kat prensipal plis pi piti kat sipò). Paj la gen anpil kontni, li swiv estanda SaaS yo, men li itilize bann nwa ak klè altène pou bay chak seksyon espas pou respire. Navigasyon an se yon sèl ba transparan anlè ki vin opak pandan w ap defile.
Eleman prensipal la se yon gradyan lowo pi, san foto. Tout ilistrasyon yo se vrè kopi koòdone itilizatè pwodwi a (Kanban nan mòd nwa, bwat resepsyon, kalandriye), ankadre nan ankadreman kat ki sèvi kòm prèv ak dekorasyon alafwa. Pa gen foto vi, pa gen imaj stock, pa gen rann 3D. Sèl eleman vizyèl ki pa gen rapò ak koòdone itilizatè a se yon ekla cho, radyal tankou yon solèy nan baz lowo a, rann kòm yon gradyan CSS. Ikòn yo se ikòn liy monokrom nan #95979 oswa blan, pa janm plizyè koulè. Sistèm nan trete pwòp koòdone itilizatè nwa li kòm eleman prensipal la—pwodwi a se foto yo.
Palèt
Mak
- Electric Iris
#5683da— Background prensipal la, endikatè navigasyon aktif la, ak aksan Limyè Nò yo ki frapan—yon koulè ble-vyolèt vibran sou yon background nwa fon—kreye yon enpresyon angajman olye ke aktivite antrepriz. - Ember Pulse
#ff8964— Yon aksan segondè, yon zòn cho pou limyè nò yo, yon pwen notifikasyon, ak yon ilistrasyon ki mete aksan sou li—yon koulè anm ki kraze sobriyete ble a epi ki ajoute chalè nan reyon limyè a.
Netral
- Obsidian Canvas
#303236— Fon paj la, sifas dominan an, se yon koulè prèske nwa ak yon ti chalè, anviwònman estanda pou tout kontni. - Void
#090a0c— Kouch sifas ki pi pwofon an pou gradyan sou ekran prensipal la, background modal, ak ankadreman ki ta dwe fonn nan twal la. - Charcoal Card
#111111— Sifas ki anlè yo fèt ak katon ak panno, pozisyone yon mach anlè twal la. - Slate Edge
#4a4b50— Fwontyè ak divizyon sibtil sou sifas nwa yo - Iron Veil
#6b6c6d— Fon ki pa klere pou etikèt, ranpli atik lis, ak ranpli ki enfim. - Smoke
#95979e— Kontour ikòn yo, tèks adisyonèl, ak kontwòl inaktif yo se eleman prensipal k ap travay nan gri mwayen.
Tipografi
soti nan 11 pou rive nan 80px · 8 etap
- Inter — ranplasman: DM Sans · plan 300, 400, 500, 600, 700 · Tout tèks fonksyonèl nan koòdone itilizatè a—tèks kò, navigasyon, bouton, atik lis, etikèt, ak ti tit—yo itilize ak yon epesè karaktè 500–600 pou anfaz, 400 pou tèks kò, epi 300 ak modération pou metadone ki pa ankonbran.
- Esbuild — ranplasman: Sora · plan 400, 500, 600 · Afichaj sèlman: tit prezantasyon, tit seksyon, ak tit atik MetaBrain. Jeyometri kondanse a ak espasman lèt sere a bay enpresyon ke 84px pi apwopriye pou travay editoryal pase pwojè SaaS. Pa janm itilize anba 28px.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | espasye |
| Etap debaz | 12px |
| Reyon bouton | 9999px |
| Reyon kat | 12px |
| Lonbray | lonbraj mou |
| Ant seksyon yo | 96px |
| Lajè paj la | 1200px |
IA ap bati sit entènèt ou a nan style Huly epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- monday — Atelye blan ak avek stickers koulè pastel
- Slack — Sèn nan gen koulè berejenn ak limyè blan. Yon koulè prun fonse domine zòn fènwa yo, pandan ke twal blan kase a pèmèt gwo tit avangad yo respire lib.
- Base44 — Kaye ki klere nan solèy ak makè lacho
- Supahub — Limyè dou sou yon krèt mov. Yon twal blan, ayere, eklere pa yon sèl solèy mov klere, ak esfè gradyan dekoratif k ap gaye koulè nan espas negatif la ak yon jeyometri awondi jenere ki bay chak sifas yon lou bèl ak byen mèb.
- Raycast — Sant Kòmandman Minwi, Coral Neon
- Dimension — yon estasyon travay ki limen nan lè solèy kouche ak panno an vè glase
- Wiza — Yon obsèvatwa eksplorasyon mineral nan lè solèy kouche, vlope nan bwouya lavande.
- Paste — Yon lanp anm sou mab blan—logo gradyan cho mak la ap flote nan gwo espas blan an, tankou sèl fenèt limen nan yon bilding ki kouvri ak nèj.
- Reworkd — Limyè dou lajounen an sou dyagram pwodwi a se sèl koulè ki pale pou tèt li, se bouton aksyon an ak tit gradyan an anlè li.
- Reflect Notes — Espas vyolèt plen zetwal se yon obsèvatwa fènwa kote nòt yo flote tankou konstelasyon sou yon fon vid prèske nwa koulè digo.
- Ameba — Sal kontwòl la a minwi - yon pulsasyon ble elektrik andedan panno vè glase yo
- Todoist — Yon espas travay byen klere ak solèy ak yon ajanda papye – yon biwo krèm cho, nòt ak lank, yon plim wouj.