Seline Analytics
Vaikne analüütiline laud soojal paberil
Seline on paigutatud soojale kivitaustale (#fafaf9), millel on üks erks sinine aktsent – kõik muud värvid on neutraalsed ja pärinevad Tailwindi kivivärvipaletist. Pealkirjad on renderdatud eritellimusel disainitud geomeetrilises sans-serif fondis (roobert), mille paksus on 400 ja tähevahe kitsas negatiivne, andes tekstile rahuliku, peaaegu sosinalaadse enesekindluse, mis on kontrastiks tüüpiliselt valju SaaS-stiiliga. Kasutajaliidese pinnad on lamedad valged kaardid, mis hõljuvad sooja tausta kohal ühe pehme, 16px hägususega; äärised on loodud õhukeste, 1px kivitooni joontega, mida on heldelt kasutatud peamise struktuurielemendina raskete eraldajate või paneelide asemel. Paigutus hingab: täislaiuses sisu, mille keskmes on helde vertikaalne rütm, pillikujuliste interaktiivsete juhtnuppudega, maskoti illustratsiooniga isiksuse tähistamiseks ja armatuurlaua ekraanipiltidega toote tõestuseks. Üldmulje on toimetuslikult analüütiline: rahulik, monokroomne, enesekindel, kusjuures sinine üleskutse tegevusele on lehe kõige silmatorkavam element tänu kõige muu tahtlikule vaoshoitusele.
Lehe laius on maksimaalne, keskel umbes 1200 pikslit ja vertikaalset ruumi on palju. Peaosa on kaherealine, vasakule joondatud tekstiplokk, millel on üks sinisega esile tõstetud fraas ("lihtne ja tõhus"), millele järgneb rida kahe üleskutsega tegevusele (sinine pill + kummituspill), seejärel rida halltoonides partnerite logosid, seejärel rida usaldushinnanguid ja seejärel täislaiuses ujuv armatuurlaua eelvaade, mis kattub veidi järgmise jaotisega. Voldi all on vahelduvad iseloomustuste read ühes veerus ruudustikus, millele järgnevad täislaiuses jaotised funktsioonide kirjelduste, vasakule joondatud teksti ja tsentreeritud toote visuaalidega. Navigeerimine on minimalistlik ülemine riba – logo vasakul, tsentreeritud navigeerimislingid, sisselogimine + sinine üleskutse tegevusele paremal – ja navigeerimise keskel ujuv avatari kobar, mis toimib identiteedi kontrollimiseks. Sektsioonide vahelised ruumid on laiad (96 pikslit), et luua toimetuslik rütm, mitte tihe infosegadus.
Visuaalset keelt domineerivad toote kasutajaliidese ekraanipildid – armatuurlaua eelvaade on foto, mis on renderdatud halltoonides (1) (0,94) kontrastfiltriga, mis summutab andmete värvid monokroomseks. Ainus inimfiguur on lineaarne maskoti kleebis (kapuutsiga tegelane), mis on joonistatud SVG-stiilis ainult kontuuridega ja paigutatud üks kord sektsiooni kohta mängulise vastukaaluna analüütilisele sisule, pehme varjuga, et luua kleebiselaadne sügavusefekt. Brändi logo ja glüüfid on väikesed mustad sädemed/leegid. Fotosid pole – pole elustiilifotosid, meeskonnafotosid ega keskkonnapilte. Peategelane on objekt (armatuurlaud). Kõik dekoratiivsed ikoonid on 1px kontuuristiilis kas #0c0a09 või #3ba6f1, neid pole kunagi täidetud.
Palett
Bränd
- Cyan Signal
#3ba6f1— Peamine üleskutse tegevusele, aktiivsed lingid ja brändiikoonide kontuur on lehe ainsad värviaktsendid, mida kasutatakse tegevusele tähelepanu juhtimiseks säästlikult. - Cyan Edge
#3398e1— Sinist värvi kasutatakse tegevuste kontuuride, linkide siltide ja interaktiivsete elementide esiletõstmiseks. Seda ei tohiks kasutada tegevusele kutsuvate tekstide põhivärvina.
Neutraalne
- Ink Black
#0c0a09— Pealkirjad, esiletõstetud põhitekst ja ilmekad ikoonid on soojas, peaaegu mustas värvitoonis. - Stone Canvas
#fafaf9— Lehekülje taust on soe, kreemjas toon, mis tundub pigem paberi kui ekraani valge moodi. - Pure White
#ffffff— Kaardipinnad, väljaulatuvad paneelid ja sisestusväljade täited on vaikimisi tasased ja varjudeta. - Stone Border
#e8e6e5— Kaartide, navigeerimise ja sisestusväljade õhukesed äärised on peamine struktuurielement, mitte eraldajad. - Stone Muted
#d6d3d1— Lisaraamid, peened taustatoonid, dekoratiivsed vaheseinad. - Ash Gray
#a8a29e— Abitekst, ikoonide kontuurid, keelatud olekud – loetavad, aga mitteaktiivsed.
Tüpograafia
10-st 52 pikslini · 5 sammu
- Roobert — asendamine: Inter Tight or Satoshi · kontuurid 400, 500 · Pealkirjade ja teksti paigutuse font on ainulaadne geomeetriline sans-serif font minimaalse negatiivse tähevahega (-0,025em 32 piksli juures, -0,021em 52 piksli juures). Fondi tunnusjoon on 400 x 52 piksli paksus: ebatavaline, peen, kuid autoriteetne, kuid tagasihoidlik. Pealkirjad on omal kohal, ilma et oleksid pealetükkivad.
- Inter — asendamine: Inter · kontuurid 400, 500, 600 · Põhiteksti, navigeerimise, kasutajaliidese ja pealkirjade peamine font on neutraalne ja universaalne font kogu ekraanivälise teksti jaoks. Põhiteksti valdav suurus on 14 pikslit, kaal 400 ja reavahe 1,64 (sagedus 1174). Positiivne tähevahe (0,004em) väikeste suuruste puhul tagab tiheda kasutajaliidese loetavuse.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | avar |
| Põhisamm | 8px |
| Nupu raadius | 9999px |
| Kaardi raadius | 10px |
| Varjud | pehmed varjud |
| Sektsioonide vahel | 96px |
| Lehe laius | 1200px |
Tehisintellekt loob teie veebisaidi Seline Analytics stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- ElevenLabs — Soojades kreemikates toonides fotoessee peenete pealkirjadega. Bauhausi stiilis märkmik – munakoorekarva paber, must tint ja üks lilla ja oranž aktsent toote väljapanekuks.
- Awesomic — Toimetuse tsinkvõrk oranžide konfetti meenutavate kirjavahemärkidega
- Monad — toimetuse tehniline ajakiri soojal pärgamendil
- Dub — Linki matt riisipaberist juhtpaneel
- Notion — Soe paberist märkmik keskpäevapäikeses
- Anthropic — Teaduslik väliajakiri soojal pärgamendil – rahulikud elevandiluu pinnad, seriifidega pealkirjad ja üks saviaktsent, mis ilmub ainult siis, kui on vaja tegutseda.
- Calendly — Tumesinine tint külmal marmoril
- Augen Pro — Apple'i valge esitlus kasutab monokroomse ruumi ainsa aktsendina kliinilist, kaalutut ja elektrilist sinist.
- Antimetal — Kreemikas paberil toimetuse kroonika – vaikne hommik teadusajakirjas, kus vaoshoitus annab edasi enesekindlust ja serifid teevad raske töö ära.
- Perk — Elektriline laim soojal pärgamentpaberil
- Ditto — Päikesepaisteline töötuba, kus luuakse metslillede näidiseid. Soojad kreemikad pinnad, erk kollane põhivärv, sügavad tumesinised tindid, teose taga õitsevad orgaanilised värvivormid.
- Officevibe — Toimetuse ajakiri soojal kreemikal paberil. Kujutage ette läbimõeldud esseed personalijuhtimisest, mis on esitletud tootena – kursiivis serif-font sosistab läbi moodsa sinise liidese.