Huly
Osservatorju tad-Dwal tat-Tramuntana f'Nofsillejl - il-protagonist huwa raġġ vertikali ta' vjola li jisparixxi fil-qroll, u kull sezzjoni kwieta taħtu tissellef l-istess storja b'żewġ kuluri rrakkuntata b'ton aktar kwiet
Huly jevoka l-atmosfera ta’ spazju tax-xogħol kożmiku: kanvas kważi iswed b’dija waħda vjola-ambra li taqta’ l-element prinċipali, u taħtu, grilja aktar kwieta għal produttività akbar. Is-sistema topera f’firxa dejqa ta’ kuluri—blu jgħajjat wieħed u qroll wieħed jagħmlu x-xogħol kollu tal-branding kontra uċuħ tal-grafita f’saffi, għalhekk il-modalità skura qatt ma tħossha newtrali. It-tipografija hija Inter-style għal kollox funzjonali, b’font apposta (Esbuild) riservat għal punti ewlenin, b’pitch ta’ 80–84px u spazjar negattiv aggressiv tal-ittri. Il-komponenti għandhom forma ta’ kapsula: raġġi ta’ 9999px fuq il-kontrolli, 12px fuq il-karti, dell minimu, u linji ta’ gradjent li jleqqu bħala d-dekorazzjoni prinċipali. Il-paġna talterna bejn żoni skuri ta’ paġna sħiħa u sezzjonijiet ta’ dawl kalm, għalhekk kwalunkwe skrin ġdid għandu jiddeċiedi dwar il-modalità qabel ma jagħżel il-kuluri.
Il-paġna ewlenija b'wisa' sħiħ fiha raġġ vertikali tad-dwal tat-tramuntana u titlu allinjat max-xellug, flimkien ma' screenshot tal-prodott pożizzjonat fil-qiegħ tal-lemin. Taħt il-paġna ewlenija hemm żona ta' kontenut b'wisa' massima, 1200px, b'strixxi skuri u ċari li jalternaw. Kull sezzjoni hija blokka vertikali waħda: header flimkien ma' grilja ta' 3 jew 4 kolonni ta' karti separati b'lakuni ta' 96px. It-taqsima "MetaBrain" tkisser il-grilja b'titlu ċċentrat u mużajk ta' karti ta' daqsijiet differenti (karta prinċipali kbira flimkien ma' karti ta' appoġġ iżgħar). Il-paġna hija mimlija kontenut, u ssegwi l-istandards SaaS, iżda tuża strixxi skuri u ċari li jalternaw biex tagħti lil kull sezzjoni spazju biex tieħu n-nifs. In-navigazzjoni hija bar ta' fuq trasparenti waħda li tisparixxi għal opaka hekk kif tiskrollja.
L-element prinċipali huwa gradjent pur ta' aurora, ħieles minn ritratti. L-illustrazzjonijiet kollha huma screenshots attwali tal-UI tal-prodott (Kanban f'modalità skura, inbox, kalendarju), inkwadrati fi gwarniċi tal-karti li jservu kemm bħala evidenza kif ukoll bħala dekorazzjoni. L-ebda ritratti tal-istil tal-ħajja, l-ebda immaġni tal-istokk, l-ebda renders 3D. L-uniku element viżwali mhux relatat mal-UI huwa tiddix sħun u radjali ta' xemx fil-bażi tal-aurora, mogħti bħala gradjent CSS. L-ikoni huma ikoni tal-linja monokromi f'#95979 jew bojod, qatt b'ħafna kuluri. Is-sistema tittratta l-UI skura tagħha stess bħala l-element prinċipali—il-prodott huma r-ritratti.
Paletta
Marka
- Electric Iris
#5683da— L-isfond prinċipali, l-indikatur tan-navigazzjoni attiva, u l-aċċent impressjonanti tad-Dwal tat-Tramuntana—kulur vjola-blu vibranti fuq sfond iswed bħall-ġett—joħloq impressjoni ta' impenn aktar milli attività korporattiva. - Ember Pulse
#ff8964— Aċċent sekondarju, żona sħuna tad-dwal tat-tramuntana, punt ta' notifika, u enfasi fuq l-illustrazzjoni—lewn ambra li jkisser is-sobrijetà tal-blu u jżid is-sħana mar-raġġ tad-dawl.
Newtrali
- Obsidian Canvas
#303236— L-isfond tal-paġna, il-wiċċ dominanti, huwa ta’ kulur kważi iswed b’ħjiel żgħir ta’ sħana, l-ambjent standard għall-kontenut kollu. - Void
#090a0c— L-aktar saff profond tal-wiċċ għall-gradjenti fuq l-iskrin prinċipali, sfondi modali, u frejms li għandhom jitħalltu mal-kanvas. - Charcoal Card
#111111— Uċuħ imqajma magħmula minn kartun u pannelli, pożizzjonati pass 'il fuq mill-kanvas. - Slate Edge
#4a4b50— Borduri u diviżuri sottili fuq uċuħ skuri - Iron Veil
#6b6c6d— Sfond mudlam għal tikketti, mili ta' oġġetti ta' lista, u mili diżattivat. - Smoke
#95979e— Il-kontorni tal-ikoni, it-test addizzjonali, u l-kontrolli inattivi huma l-element primarju tax-xogħol f'griż medju.
Tipografija
minn 11 sa 80px · 8 passi
- Inter — sostituzzjoni: DM Sans · linji gwida 300, 400, 500, 600, 700 · It-test funzjonali kollu fl-interfaċċja tal-utent—il-korp tat-test, in-navigazzjoni, il-buttuni, l-oġġetti tal-lista, it-tikketti, u l-intestaturi żgħar—jintuża b'piż tat-tipa ta' 500–600 għall-enfasi, 400 għat-test tal-korp, u 300 bil-moderazzjoni għal metadata diskreta.
- Esbuild — sostituzzjoni: Sora · linji gwida 400, 500, 600 · Wirja biss: titoli splash, intestaturi tas-sezzjonijiet, u titoli tal-artikli MetaBrain. Il-ġeometrija kkondensata u l-ispazjar strett tal-ittri joħolqu l-impressjoni li 84px huwa aktar adattat għal xogħol editorjali milli għal proġetti SaaS. Qatt tuża taħt it-28px.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | spazjuż |
| Pass bażiku | 12px |
| Raġġ tal-buttuna | 9999px |
| Raġġ tal-karta | 12px |
| Dellijiet | dellijiet rotob |
| Bejn is-sezzjonijiet | 96px |
| Wisa' tal-paġna | 1200px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Huly u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- monday — Workshop abjad bi stikers tal-pastel
- Slack — Il-palk huwa ta’ lewn brunġiel b’spotlajts bojod. Lewn għanbaqar skur jiddomina ż-żoni mudlama, filwaqt li l-kanvas abjad ċar jippermetti li t-titli kbar u avant-garde jieħdu n-nifs liberament.
- Base44 — Notebook imdawwal mix-xemx b'marker tal-ġir
- Supahub — Dawl tax-xemx artab fuq quċċata vjola. Tila fil-biċċa l-kbira bajda u ħafifa mdawla minn xemx vjola waħda qawwija, b'sferi dekorattivi bil-gradjent li jxerrdu l-kulur fl-ispazju negattiv u ġeometrija ġeneruża u tonda li tagħti lil kull wiċċ toqol pjaċevoli u tanġibbli.
- Raycast — Ċentru tal-Kmand ta' Nofsillejl, Coral Neon
- Dimension — stazzjon tax-xogħol imdawwal fid-dlam b'pannelli tal-ħġieġ matt
- Wiza — Osservatorju tal-esplorazzjoni tal-minerali fid-dlam, mgħotti biċ-ċpar tal-lavanda.
- Paste — Fanal ambra fuq irħam abjad—il-logo ta’ gradjent sħun tal-marka jittajjar fl-ispazju abjad vast, bħall-unika tieqa mdawla f’bini miksi bil-borra.
- Reworkd — Id-dawl artab tal-ġurnata fuq id-dijagramma tal-prodott huwa l-uniku kulur li jitkellem għalih innifsu, huwa l-buttuna tal-azzjoni u t-titlu tal-gradjent fuqha.
- Reflect Notes — L-ispazju vjola mimli kwiekeb huwa osservatorju mudlam fejn in-noti jgħumu bħal kostellazzjonijiet fuq sfond ta’ vojt kważi iswed lewn l-indigo.
- Ameba — Il-kamra tal-kontroll f'nofsillejl – pulsazzjoni blu elettrika ġewwa pannelli tal-ħġieġ matt
- Todoist — Spazju tax-xogħol imdawwal mix-xemx b'djarju tal-karta – skrivanija ta' lewn krema sħun, noti bil-linka, pinna ħamra waħda