Huly
Iparraldeko Argiak Gauerdiko Behatokian - protagonista koralean desagertzen den more koloreko izpi bertikal bat da, eta azpiko atal isil bakoitzak bi tonuko istorio bera hartzen du, tonu apalagoan kontatuta.
Hulyk lan-espazio kosmiko baten giroa ekartzen du gogora: mihise ia beltz bat, elementu nagusia zeharkatzen duen bioleta-anbar koloreko distira bakarrarekin, eta azpian, produktibitatea handitzeko sareta apalagoa. Sistemak kolore-tarte estu batean funtzionatzen du: urdin distiratsu batek eta koral batek egiten dute marka-lan guztia grafitozko gainazal geruzatuen aurka, beraz, modu iluna ez da inoiz neutroa sentitzen. Tipografia Inter-estilokoa da funtzionaltasunerako, puntu gakoetarako gordetako letra-tipo pertsonalizatu batekin (Esbuild), 80-84px-ko pausoarekin eta letren arteko tarte negatibo oldarkorrarekin. Osagaiak kapsula formakoak dira: 9999px-ko erradioak kontroletan, 12px txarteletan, itzal minimoa eta gradiente-lerro distiratsuak dekorazio nagusi gisa. Orrialdeak orrialde osoko eremu ilunak eta argi lasaiko atalak txandakatzen ditu, beraz, edozein pantaila berrik modua erabaki beharko luke koloreak aukeratu aurretik.
Zabalera osoko hasierako orrialdeak aurora borealaren izpi bertikal bat eta ezkerrean lerrokatutako izenburu bat ditu, beheko eskuinean kokatutako produktuaren pantaila-argazki batekin batera. Hasierako orrialdearen azpian, gehienezko zabalera duen eduki-eremu bat dago, 1200px-koa, txandaka marra ilun eta argiekin. Atal bakoitza bloke bertikal bakarra da: goiburu bat gehi 96px-ko tarteek bereizitako 3 edo 4 zutabeko txartel-sare bat. "MetaBrain" atalak sare hori hausten du erdian dagoen izenburu batekin eta tamaina ezberdinetako txartelen mosaiko batekin (txartel nagusi handi bat eta laguntza-txartel txikiagoak). Orria edukiz beteta dago, SaaS estandarrak jarraituz, baina txandaka marra ilun eta argiak erabiltzen ditu atal bakoitzari arnasa hartzeko lekua emateko. Nabigazioa goiko barra garden bakarra da, opakoa bihurtzen dena korritzen duzun heinean.
Elementu nagusia aurora gradiente hutsa da, argazkirik gabe. Ilustrazio guztiak produktuaren UIaren pantaila-argazki errealak dira (Kanban modu ilunean, sarrera-ontzia, egutegia), froga eta apaingarri gisa balio duten txartel-markoetan kokatuta. Ez bizimodu-argazkirik, ez stock irudirik, ez 3D errendatzerik. UIarekin zerikusirik ez duen elementu bisual bakarra auroraren oinarrian dagoen eguzki-distira erradial bero bat da, CSS gradiente gisa errendatua. Ikonoak #95979 koloreko lerro-ikono monokromoak edo zuriak dira, inoiz ez kolore anitzekoak. Sistemak bere UI iluna elementu nagusitzat hartzen du: produktua argazkiak dira.
Paleta
Marka
- Electric Iris
#5683da— Atzeko plano nagusiak, nabigazio aktiboaren adierazleak eta Iparraldeko Auroresen azentu deigarriak —kolore urdin-bioleta bizia atzealde beltz batean— enpresa-jarduera baino gehiago, parte-hartzearen inpresioa sortzen du. - Ember Pulse
#ff8964— Bigarren mailako azentu bat, ipar argien eremu epel bat, jakinarazpen puntu bat eta ilustrazioaren nabarmentze bat — urdinaren soiltasuna hausten duen eta argi izpiari berotasuna ematen dion anbar kolore bat.
Neutroa
- Obsidian Canvas
#303236— Orrialdearen atzeko planoa, gainazal nagusia, ia kolore beltza da, bero ukitu txiki batekin, eduki guztien ingurune estandarra. - Void
#090a0c— Pantaila nagusiko gradienteetarako, atzeko plano modaletarako eta mihisearekin bat egin behar diren markoetarako gainazaleko geruza sakonena. - Charcoal Card
#111111— Kartoi eta panelez egindako gainazal altxatuak, mihisearen gainetik maila bat kokatuta. - Slate Edge
#4a4b50— Gainazal ilunetan ertz eta zatitzaile sotilak - Iron Veil
#6b6c6d— Etiketetarako, zerrenda-elementuen betegarrietarako eta desgaitutako betegarrietarako atzeko plano ilundua. - Smoke
#95979e— Ikonoen eskemak, testu gehigarria eta kontrol inaktiboak dira gris ertaineko elementu eragile nagusiak.
Tipografia
11tik 80px-ra · 8 urrats
- Inter — ordezkapena: DM Sans · eskemak 300, 400, 500, 600, 700 · Erabiltzaile-interfazeko testu funtzional guztia —testua, nabigazioa, botoiak, zerrenda-elementuak, etiketak eta goiburu txikiak— 500-600eko letra-tipoarekin erabiltzen da enfasirako, 400eko testurako eta 300ekoa neurriz metadatu diskretuetarako.
- Esbuild — ordezkapena: Sora · eskemak 400, 500, 600 · Bistaratzeko soilik: hasierako izenburuak, atalen izenburuak eta MetaBrain artikuluen izenburuak. Geometria trinkotuak eta letren arteko tarte estuak 84px-ko tamaina egokiagoa dela iruditzen zaie SaaS proiektuei baino lan editorialerako. Ez erabili inoiz 28px-tik behera.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | zabal |
| Oinarrizko urratsa | 12px |
| Botoiaren erradioa | 9999px |
| Txartelaren erradioa | 12px |
| Itzalak | itzal leunak |
| Atalen artean | 96px |
| Orriaren zabalera | 1200px |
Adimen artifizialak zure webgunea Huly estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- monday — Tailer zuria pastel eranskailuekin
- Slack — Eszenatokia berenjena kolorekoa da, foku zuriekin. Aran-kolore sakon batek menderatzen ditu eremu ilunak, eta mihise zurixkak, berriz, abangoardiako titulu handiei arnasa libre uzten die.
- Base44 — Eguzki-argitan koadernoa lima-markagailuarekin
- Supahub — Egun-argi leuna gailur more batean. Mihise zuri eta airetsu bat, eguzki more distiratsu bakar batek argiztatua, kolorea espazio negatiboan isurtzen duten gradiente-esfera apaingarriekin eta geometria biribildu eskuzabalarekin, gainazal bakoitzari pisu atsegin eta ukigarria ematen diotenak.
- Raycast — Gauerdiko Komando Zentroa, Coral Neon
- Dimension — beirazko panel izoztuak dituen ilunabarrean argiztatutako lan-estazioa
- Wiza — Mineralen esplorazio behatoki bat ilunabarrean, izpiliku lainoz inguratuta.
- Paste — Marmol zuriaren gainean dagoen anbar koloreko linterna bat —markaren gradiente epelaren logotipoa espazio zuri zabalean ageri da, elurrez estalitako eraikin bateko leiho argiztatu bakarra bezala.
- Reworkd — Produktuaren diagraman eguneko argi leuna da berez hitz egiten duen kolore bakarra, ekintza-botoia eta gaineko gradiente-izenburua da.
- Reflect Notes — Izarrez estalitako bioleta espazioa behatoki ilun bat da, non notak konstelazioak bezala flotatzen diren ia beltz koloreko hutsune baten atzealdean.
- Ameba — Gauerdiko kontrol-gela – beirazko panel izoztuen barruan pultsu urdin elektriko bat
- Todoist — Eguzki argiztatutako lan-eremua paperezko agenda batekin – krema koloreko mahaia, tintazko oharrak, boligrafo gorri bat