Huly
Revontulet Keskiyön observatoriolla - päähenkilö on pystysuora violetti säde, joka haalistuu koralliksi, ja jokainen sen alla oleva hiljainen osa lainaa samaa kaksisävyistä tarinaa, joka kerrotaan hillitymmällä sävyllä.
Huly luo kosmisen työtilan tunnelman: lähes musta kangas, jonka pääelementin läpi kulkee yksi violetin meripihkanvärinen hehku, ja sen alla hillitympi ruudukko lisää tuottavuutta. Järjestelmä toimii kapealla värialueella – yksi kirkkaan sininen ja yksi koralli tekevät kaiken brändäystyön kerrostettuja grafiittipintoja vasten, joten tumma tila ei koskaan tunnu neutraalilta. Typografia on Inter-tyylistä kaikessa toiminnallisessa, ja avainkohdille on varattu mukautettu fontti (Esbuild), jonka tiheys on 80–84 pikseliä ja kirjainväli aggressiivinen negatiivinen. Komponentit ovat kapselinmuotoisia: 9999 pikselin säteet säätimissä, 12 pikseliä korteissa, minimaaliset varjot ja hohtavat liukuvärjäysviivat pääkoristeena. Sivu vuorottelee koko sivun tummien alueiden ja rauhallisten vaaleiden osien välillä, joten uuden näytön tulisi päättää tilasta ennen värien valitsemista.
Täysleveällä kotisivulla on pystysuora revontulien säde ja vasemmalle tasattu otsikko sekä tuotteen kuvakaappaus oikeassa alakulmassa. Kotisivun alapuolella on maksimileveydeltään 1200 pikselin sisältöalue, jossa vuorottelevat tummat ja vaaleat raidat. Jokainen osio koostuu yhdestä pystysuorasta lohkosta: otsikko sekä 3- tai 4-sarakkeinen ruudukko korteista, jotka on erotettu 96 pikselin väleillä. "MetaBrain"-osio rikkoo ruudukon keskitetyllä otsikolla ja erikokoisten korttien mosaiikilla (suuri pääkortti ja pienemmät tukikortit). Sivu on sisältöpainotteinen SaaS-standardien mukaisesti, mutta siinä käytetään vuorottelevia tummia ja vaaleita raitoja, jotta jokaisella osiolla on tilaa hengittää. Navigointi koostuu yhdestä läpinäkyvästä yläpalkista, joka himmenee läpinäkymättömäksi vieritettäessä.
Pääelementti on puhdas revontuligradientti, ilman valokuvia. Kaikki kuvitukset ovat aitoja kuvakaappauksia tuotteen käyttöliittymästä (Kanban pimeässä tilassa, postilaatikko, kalenteri), jotka on kehystetty korttikehyksiin, jotka toimivat sekä todisteena että koristeena. Ei lifestyle-kuvia, ei kuvapankkikuvia tai 3D-renderöintejä. Ainoa visuaalinen elementti, joka ei liity käyttöliittymään, on lämmin, säteittäinen auringonpurkaus revontulien tyvessä, joka on renderöity CSS-gradienttina. Kuvakkeet ovat yksivärisiä viivakuvakkeita värissä #95979 tai valkoisia, eivät koskaan monivärisiä. Järjestelmä käsittelee omaa tummaa käyttöliittymäänsä pääelementtinä – tuote koostuu valokuvista.
Paletti
Merkki
- Electric Iris
#5683da— Päätausta, aktiivisen navigoinnin ilmaisin ja silmiinpistävä revontulien korostus – eloisa violetinsininen väri pikimustalla taustalla – luovat vaikutelman sitoutumisesta pikemminkin kuin yritystoiminnasta. - Ember Pulse
#ff8964— Toissijainen korostus, lämmin revontulien vyöhyke, ilmoituspiste ja kuvituksen kohokohta – meripihkan sävy, joka rikkoo sinisen raittiuden ja lisää säteeseen lämpöä.
Neutraali
- Obsidian Canvas
#303236— Sivun tausta, hallitseva pinta, on lähes musta ja siinä on hieman lämpöä, mikä on kaiken sisällön vakioympäristö. - Void
#090a0c— Syvin pintakerros päänäytön liukuväreille, modaalisille taustoille ja kehyksille, joiden tulisi sulautua kanvaasiin. - Charcoal Card
#111111— Pahvista ja paneeleista tehdyt kohopinnat, jotka on sijoitettu yhden askelman kankaan yläpuolelle. - Slate Edge
#4a4b50— Hienovaraiset reunat ja jakajat tummilla pinnoilla - Iron Veil
#6b6c6d— Himmennetty tausta tunnisteille, luettelokohtien täyttöille ja käytöstä poistetuille täyttöille. - Smoke
#95979e— Kuvakkeiden ääriviivat, lisäteksti ja passiiviset säätimet ovat keskiharmaina näkyviä ensisijaisia työelementtejä.
Typografia
11:stä 80 pikseliin · 8 askelta
- Inter — korvaava: DM Sans · ääriviivat 300, 400, 500, 600, 700 · Kaikki käyttöliittymän toiminnalliset tekstit – leipäteksti, navigointi, painikkeet, luettelokohdat, otsikot ja pienet otsikot – on käytetty fonttipainolla 500–600 korostukseen, 400 leipätekstiin ja säästeliäästi 300 huomaamattomiin metatietoihin.
- Esbuild — korvaava: Sora · ääriviivat 400, 500, 600 · Vain näyttöön: aloitussivun otsikot, osioiden otsikot ja MetaBrain-artikkelien otsikot. Tiivistetty geometria ja tiheä kirjainväli luovat vaikutelman, että 84px sopii paremmin toimitukselliseen työhön kuin SaaS-projekteihin. Älä koskaan käytä alle 28px:n kokoa.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | tilava |
| Perusvaihe | 12px |
| Painikkeen säde | 9999px |
| Kortin säde | 12px |
| Varjot | pehmeät varjot |
| Osioiden välillä | 96px |
| Sivun leveys | 1200px |
Tekoäly rakentaa verkkosivustosi Huly -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- monday — Valkoinen työpaja pastelliväreillä
- Slack — Lava on munakoisonvärinen ja siinä on valkoiset kohdevalot. Syvän luumun sävy hallitsee tummia alueita, ja luonnonvalkoinen kangas antaa suurten, avantgardististen nimikkeiden hengittää vapaasti.
- Base44 — Auringonvalossa oleva muistikirja kalkkitussilla
- Supahub — Pehmeää päivänvaloa violetilla harjanteella. Yhden kirkkaan violetin auringon valaisema enimmäkseen valkoinen, ilmava kangas, jossa koristeelliset liukuvärjätyt pallot levittävät väriä negatiiviseen tilaan ja runsas pyöreä geometria antaa jokaiselle pinnalle miellyttävän, käsin kosketeltavan painon.
- Raycast — Keskiyön komentokeskus, Coral Neon
- Dimension — hämärässä valaistu työasema, jossa on himmeät lasipaneelit
- Wiza — Mineraalien etsintäobservatorio hämärässä, laventelin usvan ympäröimänä.
- Paste — Meripihkanvärinen lyhty valkoisella marmorilla – brändin lämminsävyinen logo leijuu valtavassa valkoisessa tilassa kuin ainoa valaistu ikkuna lumipeitteisessä rakennuksessa.
- Reworkd — Tuotekaavion pehmeä päivänvalo on ainoa väri, joka puhuu puolestaan; se on toimintopainikkeen ja sen yläpuolella olevan liukuvärjätyn otsikon väri.
- Reflect Notes — Tähtikirkas violetti avaruus on synkkä observatorio, jossa nuotit leijuvat kuin tähtikuviot lähes mustan indigonsinisen tyhjyyden taustalla.
- Ameba — Valvomohuone keskiyöllä – sähkönsininen syke himmeiden lasipaneelien sisällä
- Todoist — Auringonvalossa valaistu työtila, jossa on paperinen päiväkirja – lämpimän kermanvärinen pöytä, musteella täytettyjä muistilappuja, yksi punainen kynä