Slash
Vidurnakčio skliautas su paauksuotomis sąskaitų knygomis
„Slash“ veikia vidurnakčio galerijos režimu: beveik juoda drobė, baltas šriftas ir vienas šiltas vario spalvos akcentas, naudojamas kaip skyrybos ženklas. Antraštės rodomos „Ivy Presto“ šriftu – didelio kontrasto didono serifiniu šriftu, naudojamu ekstremaliems dydžiams (iki 88 pikselių) – šis serifinių ir be serifinių šriftų kontrastas yra sistemos vizitinė kortelė, suteikianti jai finansinį statusą be tradicinės bankininkystės tarpininkavimo statuso. Likusi vartotojo sąsajos dalis yra sąmoningai santūri: plonos rėmeliai, piliulės formos valdikliai, kompaktiškas 16 pikselių tekstas ir subtilus pakreipimas aukštyn, kad šriftas galėtų „kvėpuoti“. Vienas auksinis gradientas (diagramos linija, mikroakcentai) suteikia šilumos monochromatinei sistemai, sukurdamas šiltą „Bloomberg“ terminalo, sukurto dizaino auditorijai, švytėjimą.
Turinys yra 1216 pikselių pločio, centruotas, su 160 pikselių vertikaliais tarpeliais. Pradinis ekranas yra tamsi, viso pločio drobė su padalinta kompozicija: kairėje lygiuota antraštė su serifais (64–88 pikselių pločio) su el. pašto adreso laukeliu apačioje ir didelė produkto vartotojo sąsajos kortelė (valdymo skydelio ekrano kopija) dešinėje, kurios plotis yra 50 %. Vėlesniuose skyriuose naudojama vieno stulpelio, centre esanti antraštė (su serifais, 44–64 pikselių pločio) su paantrašte „Inter“, po kurios eina trijų stulpelių kortelių tinkleliai, skirti funkcijų aprašymams / atsiliepimams / tinklaraščiams. Navigacija yra fiksuota viršutinė juosta: logotipas kairėje, centrinis meniu (Įmonė, Produktai, Sprendimai, Klientai, Kainodara, DUK), dešinėje lygiuota prisijungimo juosta (nepastebima) ir darbo pradžia (baltai užpildytas elementas). Poraštėje yra tankus penkių stulpelių tinklelis su nuorodomis su įmonės informacija ir teisiniais pranešimais. Puslapyje kaitaliojasi turinio gausos tinklelio skyriai ir viso ekrano statistika – ritmą nustato dosni balta erdvė tarp stulpelių, o ne besikeičiančios fono spalvos (visas puslapis pateikiamas kaip viena, vieninga drobė).
Fotografijos yra redakcinės ir natūralistinės: šilti įkūrėjų ir komandos narių portretai jų realioje darbo aplinkoje (biuruose, svetainėse, statybvietėse). Vaizdai užpildo kortelių rėmelius nuo krašto iki krašto, be jokių užpildymų. Atsiliepimų kortelių apačioje naudojamas tamsus gradientas, siekiant pagerinti teksto skaitomumą. Estetika – „LinkedIn susitinka su redakciniu žurnalu“ – yra kasdieniška, žmogiška ir šiek tiek prislopinta, niekada nenušlifuota naudojant standartines nuotraukas. Straipsnių miniatiūrose nuotraukos derinamos su iliustracijomis (žmogus, stovintis labirinte, židinys su pinigų maišais). Produkto vartotojo sąsaja rodoma tamsiu režimu, visiškai nepermatoma, kabo virš puslapio ant subtilių tamsių paviršių – centrinio elemento. Piktogramos yra vienspalvės su 1 pikselio brūkšniais, spalva #2e3038 arba #777a88, niekada neužpildytos prekės ženklo spalva.
Paletė
Neutralus
- Bone
#e2e3e9— Didelis pagrindinio teksto šriftas, išsamios duomenų etiketės ir standartinis teksto tonas daugumoje vartotojo sąsajos elementų. - Obsidian
#08080a— Puslapio drobė, poraštės fonas, tamsiausias paviršius yra beveik juodas su subtiliu mėlynu atspalviu. - Onyx
#040406— Kortelės paviršius, papildomas fonas, yra vienu žingsniu gilesnis nei puslapis, kad būtų vizualiai efektingas. - Carbon
#121317— Pakeltos plokštės, neįkyrus vartotojo sąsajos užpildymas – pirmas pastebimai lengvesnis „Surface Stack“ evoliucijos žingsnis. - Graphite
#1c1d22— Kraštinės, skirtukai, piktogramų konteineriai, valdymo slankikliai – subtiliausias spalvų atspalvis, apibrėžiantis struktūrą. - Slate
#2e3038— Papildomos rėmeliai, prislopintos piktogramų linijos, subtilūs skirtukai tarp turinio blokų.
Tipografija
nuo 13 iki 88 pikselių · 9 žingsniai
- Ivy Presto — pakeitimas: Playfair Display · kontūrai 400, 500 · Serifinis šriftas antraštėms ir paantraštėms – naudojamas tik antraštėms ir skyrių pavadinimams, kurių dydis yra 28 pikseliai ir didesnis. Didelio kontrasto didono brūkšniai su plonais serifais sukuria redakcinio prabangos įspūdį; mažas teigiamas 0,01 em tarpas tarp raidžių yra neįprastas ir suteikia šriftui spausdintą, apskaitos stiliaus išvaizdą. Šis serifinis šriftas yra pagrindinė prekės ženklo vizitinė kortelė – jis išskiria „Slash“ iš visų kitų SaaS finansinių technologijų įmonių, kurios pagal numatytuosius nustatymus naudoja geometrinius šriftus be serifų.
- Inter — pakeitimas: Inter (self-hosted via Google Fonts) · kontūrai 300, 400, 500, 600, 700 · „UI Sans“ – pagrindinis tekstas, naršymas, mygtukai, etiketės, nuorodos, formos laukai ir paantraštės. Pagrindiniame tekste naudojamas 300 šriftas, skirtas nepastebimam antriniam tekstui; 500 naudojamas vidutinio ryškumo tekstui ir mygtukų etiketėms; 600 skirtas kategorijų etiketėms, parašytoms mažosiomis raidėmis. Neigiami raidžių tarpai mažėja nuo 2 (-3) ir mažėja mažėjant dydžiui, kas būdinga „Inter“ šrifto optiniam mastelio keitimui.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | erdvus |
| Pagrindinis žingsnis | 8px |
| Mygtuko spindulys | 9999px |
| Kortelės spindulys | 10px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 160px |
| Puslapio plotis | 1216px |
Dirbtinis intelektas sukurs jūsų svetainę Slash stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Modal — Fosforescencinis terminalas tamsioje serverių patalpoje – vienintelis šviesos šaltinis yra ryškiai žalia spalva
- AgentQL — Šiaurės pašvaistė virš terminalo naktį
- GitHub — Kosmoso valdymo pultas su bioliuminescenciniais valdymo taškais – tamsi, atmosferinė darbo vieta, kurioje vienas žalias švytėjimas rodo kelią į priekį.
- Doppler — Violetinis skliauto apšvietimas vidurnaktį. Beveik juoda drobė šviečia vienu levandų spalvos signalu ir žalia patvirtinimo šviesa, kiekvienas paviršius pakankamai išlenktas, kad būtų galima jį suimti.
- Basedash — Vidurnakčio duomenų terminalas su matiniu šriftu. Tamsi observatorija, kurioje metrika švyti violetine ir žalia spalvomis, virš triukšmo kybo antraštės su serifais, o balti tabletės formos mygtukai yra vieninteliai ryškūs objektai minkštų juodų paviršių kambaryje.
- Superwhisper — Šiaurės pašvaistė ištirpsta virš vidurnakčio stiklo
- Better Stack — Vidurnakčio SRE konsolė
- Langbase — Vidurnakčio šiaurės pašvaisčių konsolė
- Astro — Giliojo kosmoso misijos valdymo centras su vienu violetiniu ūko švytėjimu
- Wayfinder — Juodas filmo ekranas su vos girdimu pavadinimu, kybančiu virš gyvos iliustracijos. Sąsaja yra ne valdymo skydelis, o ryškumo slankiklis.
- HashiCorp — Vidurnakčio valdymo kambarys su purpuriniu neonu yra tamsus techninis paviršius, kuriame šviečiantis šešiakampis kubas yra vienintelė spalvų nuoroda.
- Umbrel — Jaukus laužavietė naktiniame serverių kambaryje – tamsiame kambaryje, kuriame viena persikinė šviesa paryškina tai, kas išties svarbu.