Dub
Il-pannell tal-kontroll tal-karta tar-ross matte ta' Link
Is-sistema viżwali ta' Dub għandha estetika SaaS imrażżna, kważi editorjali: kanvas kważi abjad miżmum flimkien minn borduri rqaq minflok elementi li jisporġu 'l barra, b'tipografija monokromatika densa li tipprovdi appoġġ strutturali u kulur blu jgħajjat wieħed (#2563eb) li jagħmel dikjarazzjoni. L-uċuħ jibqgħu ċatti u mingħajr frejm mal-ewwel daqqa t'għajn, iżda kull kontenitur għandu marġni ta' 1px #e5e5e5, li jevoka s-sensazzjoni ta' dokument stampat. Il-personalità tinkiseb permezz ta' sett żgħir ta' aċċenti "pillola" kkuluriti (oranġjo, aħdar, vjola) li jżommu f'wiċċ l-ilma 'l fuq mill-paletta newtrali, u headers li jħossuhom kunfidenti u moderni mingħajr ma jkunu jleqqu. Il-komponenti huma kompatti u densi: kanali ta' 8px, raġġ tal-karta ta' 12px, tikketti f'forma ta' pillola f'9999px, u kontrolli inviżibbli minflok buttuni tqal u mimlija.
Il-paġna hija mibnija fuq tqassim iċċentrat b'wisa' massima ta' madwar 1200px. L-element prinċipali huwa blokk ta' test iċċentrat bi tliet elementi f'wiċċ l-ilma (Programmi Affiljati, Analitika tal-Konverżjoni, Links Qosra) pożizzjonati orizzontalment 'il fuq minn tqassim kbir ta' prodott. It-taqsimiet huma rranġati vertikalment b'kanali konsistenti ta' 64px, li jalternaw bejn kanvas abjad u ċpar tal-karta #f5f5f5 għal separazzjoni tonali. It-taqsima t'isfel tuża tqassim forma ta' Z: it-test editorjali huwa ċċentrat fit-terz tan-nofs, u l-kards tal-UI f'wiċċ l-ilma huma ankrati mal-marġini tax-xellug u tal-lemin, u joħolqu ritmu asimmetriku, simili għal dak ta' rivista. Is-sħaba tal-logo hija grilja sempliċi ta' 5x2, iċċentrata fuq il-paġna. In-navigazzjoni hija bar ta' fuq minimalista—logo fuq ix-xellug, navigazzjoni fiċ-ċentru, grupp ta' żewġ buttuni (buttuna "Login" fantażma + buttuna "Reġistrazzjoni" mimlija) fuq il-lemin—mingħajr menu fiss jew mega-menu. Id-disinn tad-dashboard tat-tieqa prinċipali juri disinn klassiku ta' app b'żewġ kolonni: sidebar fissa (simili għal 240px) + żona ta' kontenut li tiddefinixxi d-densità tal-informazzjoni tal-prodott għall-viżitaturi qabel ma jibdew jiskrolljaw.
Il-viżwali huma ffukati fuq il-prodott, mhux fuq l-istil ta' ħajja. L-iskrin prinċipali huwa ċċentrat fuq screenshot kbir tad-dashboard, li jirrappreżenta mockup ta' prodott fid-dinja reali b'navigazzjoni sidebar, tabella tad-dejta, u elementi tal-UI f'wiċċ l-ilma, imqiegħda bħala panel ċatt fuq kanvas abjad. Il-logos tal-klijenti huma murija f'grilja desaturata fuq skala griża (beehiv, superpower, Chatbase, eċċ.) biex jirrikonoxxu l-prestazzjoni tagħhom fuq il-midja soċjali, imneħħija mill-kulur biex jippermettu li l-aċċent blu wieħed tal-paġna jibqa' dominanti. Karti tas-sħab f'wiċċ l-ilma (profili żgħar u madum b'dejta dwar id-dħul/ħlas) jiċċaqalqu madwar blokki ta' test editorjali fil-qiegħ, u joħolqu sens ta' fond mingħajr l-użu ta' dellijiet fuq it-test innifsu. Id-disinn tal-isfond tal-grilja bit-tikek huwa karatteristika distintiva: ringiela rqiqa ta' tikek żgħar b'opaċità baxxa ħafna toħloq tessut u s-sensazzjoni ta' sistema ta' disinn/wiċċ tat-tpinġija, u tenfasizza l-pożizzjonament tas-sit bħala "pjattaforma moderna ta' attribuzzjoni ta' links." L-ikonografija hija minima, b'kontorni u mili, u tuża paletta ta' aċċenti (oranġjo mandarino, vjola lavanda, aħdar menta) għat-tikketti tal-karatteristiċi. Ma jintużaw l-ebda ritratti, illustrazzjonijiet, jew mudelli 3D—l-interfaċċja tal-utent tal-prodott innifisha hija lingwa viżwali.
Paletta
Marka
- Electric Blue
#2563eb— Jintuża l-kulur primarju tal-marka—il-logo, il-links, l-indikaturi ewlenin tal-prestazzjoni, l-istati attivi, u l-aċċenti tal-ikoni. Blu intens fuq sfond abjad joħloq l-uniku appell viżwali tas-sistema. - Deep Sapphire
#1e40af— L-isfond prinċipali tal-buttuna tal-azzjoni, il-mili b'tipa grassa tas-sejħa għall-azzjoni—l-uniku kulur li jindika l-azzjoni—jintuża bil-moderazzjoni biex jiġbed l-attenzjoni.
Newtrali
- Canvas White
#ffffff— L-isfond tal-paġna, il-wiċċ tal-kard, u l-pannelli pop-up huma l-pedament assolut ta' kull skrin. - Paper Mist
#f5f5f5— Tibdil sottili fil-kulur waqt li tgħaddi l-maws fuq il-maws għal karti nested, pannelli addizzjonali, u mili. - Ash
#e5e5e5— Il-borduri rqaq fuq il-kards, il-konnetturi tad-dħul u d-dividers huma l-linja strutturali li żżomm is-sistema flimkien. - Smoke
#d4d4d4— Borduri aktar definiti għal kontenituri magħżula u kontorni addizzjonali tal-buttuni. - Pebble
#c8c8c8— Borduri, kontorni tal-kontroll, u diviżuri strutturali b'kuntrast medju. Dan il-kulur m'għandux jintuża bħala l-kulur primarju għal sejħiet għall-azzjoni. - Midnight Ink
#0a0a0a— It-test prinċipali tal-buttuni, il-buttuni enfasizzati, u t-test tan-navigazzjoni huma kważi suwed għal kuntrast massimu.
Tipografija
minn 11 sa 48px · 9 passi
- Satoshi — sostituzzjoni: Inter (weight 500 · linji gwida 500 · Intestaturi tal-Wiri – użati biss f'linji ta' 36–48px għat-titoli tal-intestaturi u tas-sezzjonijiet. Piż tat-tipa – 500 (medju, mhux grassa): L-intestaturi jidhru kunfidenti u moderni, iżda qatt ma jkunu qawwija wisq. Il-proporzjonijiet ġeometriċi ta' Satoshi jagħtu lit-tipa dehra kemxejn editorjali u moderna li l-korp tat-test ta' Inter ma jistax jirreplika.
- Inter — sostituzzjoni: Inter (native) · linji gwida 400, 500, 600 · Test tal-ġisem, tikketti tal-UI, navigazzjoni, sottotitoli, u intestaturi minuri. Inter huwa l-qofol primarju tal-ħidma, li jittratta kollox minn mikro-tikketti ta' 11px sa intestaturi sekondarji ta' 30px. Piż ta' 400 huwa l-valur awtomatiku għall-test tal-ġisem, 500 għall-elementi enfasizzati u t-tikketti tal-buttuni, u 600 huwa riservat għal tikketti importanti tal-UI. 16px b'għoli tal-linja ta' 1.5 huwa l-aktar daqs ta' pass wieħed li jinstab ta' spiss (1220 okkorrenza), li jikkonferma li 16px huwa d-daqs kanoniku tal-test tal-ġisem.
- Geist Mono — sostituzzjoni: JetBrains Mono or IBM Plex Mono · linji gwida 400, 500 · Siltiet ta' kodiċi, metadata teknika, u tokens monospaced inkorporati jintużaw fi blokki ta' kodiċi ta' 12–14px u f'elementi kbar tal-wiri tal-kodiċi ta' 24px. Dan jiżgura l-kredibilità tal-għodda tal-iżviluppatur, konsistenti mal-pożizzjonament tal-prodott ta' Dub.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | medja |
| Pass bażiku | 8px |
| Raġġ tal-buttuna | 8px |
| Raġġ tal-karta | 12px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 64px |
| Wisa' tal-paġna | 1200px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Dub 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
- ElevenLabs — Esej bir-ritratti f'toni krema sħan b'titoli sottili. Notebook stil Bauhaus—karta kkulurita bħal qoxra tal-bajda, linka sewda, u aċċent wieħed vjola u oranġjo għall-wiri tal-prodott.
- Awesomic — Xibka taż-żingu editorjali b'marki ta' punteġġjatura oranġjo li jfakkru fil-konfetti
- Monad — ġurnal tekniku editorjali fuq parċmina sħuna
- Seline Analytics — Tabella analitika kwieta fuq karta sħuna
- Notion — Notebook tal-karta sħuna fix-xemx ta’ nofsinhar
- Anthropic — Ġurnal xjentifiku fuq il-post fuq vellum sħun—uċuħ kalmi tal-avorju, intestaturi editorjali b'serif, u aċċent wieħed tat-tafal li jidher biss meta tkun meħtieġa azzjoni.
- Calendly — Linka blu skura fuq irħam kiesaħ
- Augen Pro — Il-preżentazzjoni bajda ta' Apple tinkludi blu elettriku kliniku, bla piż bħala l-uniku aċċent fi spazju monokromu.
- Antimetal — Kronaka editorjali fuq karta krema—għodwa kwieta f’ġurnal xjentifiku, fejn ir-rażan iwassal kunfidenza u s-serifs jagħmlu x-xogħol iebes
- Perk — Ġir elettriku fuq karta parċmina sħuna
- Ditto — Workshop imdawwal mix-xemx joħloq kampjuni ta' fjuri selvaġġi. Uċuħ krema sħan, kulur bażi isfar vibranti, linka blu skur, forom ta' kulur organiku jiffjorixxu wara l-biċċa.
- Officevibe — Rivista editorjali fuq karta ta’ lewn krema sħun. Immaġina esej maħsub dwar il-ġestjoni tal-HR, ippreżentat bħala prodott—font serif kursiv li jxaqleb minn ġo interface blu moderna.