Bpco
Iš betono plokštės pagamintas tipografinis manifestas. Nespalvotas spaudos rinkinys, kuriame per didelis „Helvetica“ šriftas imituoja nuotrauką, o vienintelė tekstūra – vienas suglamžytas popieriaus lapas po pagrindiniu šriftu.
„Bigpicture“ naudoja monochrominę redagavimo sistemą, kuri tinklalapį traktuoja kaip spausdintą spaudos rinkinį, išdėstytą ant neapdoroto popieriaus. Sąsajoje visiškai nėra chromatinių spalvų, atmosferai sukurti naudojamas vien juodas rašalas, balti tarpai, plonos linijos ir vienoda suglamžyto popieriaus tekstūra. Tipografija yra produktas: antraštės „Helvetica Neue 700“ šriftu siekia 274 pikselius su agresyviais neigiamais raidžių tarpais, todėl tekstas tampa dominuojančia vizualine mase kiekviename ekrane. Vienodo tarpo užrašai ([01-N ĮVADAS], KŪRYBA/AGENTŪRA) veikia kaip spausdinto stiliaus parašai, o keturkampės blizgios piktogramos yra vienintelė dekoracija tarp skyrių. Išdėstymas yra dosnus ir primena savilaidą – 72 pikselių tarpai tarp skyrių, 144–250 pikselių horizontalios paraštės ir viso pločio vaizdo blokai su 288 pikselių kampais leidžia puslapiui „kvėpuoti“ kaip galerijos sienai, o ne kaip programinei įrangai.
Didžiausias plotis yra ~1440 pikselių, centre su 40–144 pikselių horizontalia užpildymo juosta, priklausomai nuo sekcijų tankio. Pagrindinis paveikslėlis yra viso pločio paveikslėlis su persidengiančiu tekstu. Po paveikslėliu turinys kaitaliojasi tarp centre esančių teksto blokų ir nuo krašto iki krašto einančios šrifto formos. Apatiniai 60 % puslapio yra ilgas, slenkantis manifestas, kuriame didelis šriftas užpildo visą rodinio plotį eilutė po eilutės, atskirtas blizgių skirtukų eilėmis. Navigacija yra plaukiojanti juosta, centruota rodinio viršuje, o ne viso pločio skydelis. Poraštė yra viena juostelė su plonu kraštu.
Pagrindiniame ekrane dominuoja fotografija – dideli architektūriniai ir lauko reklamos vaizdai (reklaminiai skydai, pastatų apdaila, gatvės lygio reklama), rodomi viso dydžio su užapvalintais kampais. Apatinėse puslapio dalyse uždėta suglamžyto popieriaus tekstūra, sukurianti lytėjimo pojūtį ir suteikianti sąsajai spausdinto žurnalo išvaizdą. Vienintelis iliustracijos elementas yra maža gaublio piktograma, nupiešta linijomis. Jokių 3D efektų, jokių abstrakčių gradientų, jokių produktų maketų – vaizdai yra dokumentiniai, pramoninio pobūdžio ir paremti agentūros lauko reklamos portfeliu.
Paletė
Neutralus
- Press Ink
#121212— Pagrindinis tekstas, plonos linijos, skyrių rėmeliai, piktogramų kontūrai ir poraštės tekstas – visa tai naudoja vieną tamsų toną, kuris apima 95 % visos priekinio plano informacijos. - Paper White
#ffffff— Puslapio drobė, kartoniniai paviršiai, naršymo juostos fonas, paviršiai su pavadinimo rėmeliais. - Newsprint
#f1f1f1— Subtilus paviršiaus užpildas, švelnios apvadėlės, ploni skirtukai, tonas, paslėptas už suglamžyto popieriaus tekstūros. - Foil Gray
#e1e1e1— Šviesūs rėmeliai, akcentai piktogramų kontūrų pavidalu, papildomi skirtukai. - Mute Gray
#c5c5c5— Antrinis tekstas, negalios būsena, mažo kontrasto paviršiaus linijos
Tipografija
nuo 13 iki 274 pikselių · 6 žingsniai
- Helvetica Neue — pakeitimas: Inter · kontūrai 400, 500, 700 · Universalus įrankis – pagrindinis tekstas 17 pikselių / 1,29 pikselių dydžio, rodomos antraštės 75–274 pikselių dydžio su -0,04em raidžių tarpais didžiausiuose dydžiuose, naršymo etiketės 15 pikselių dydžio
- PPSupplyMono — pakeitimas: JetBrains Mono · kontūrai 400 · Meta žymės ir skliausteliuose esančios etiketės, tokios kaip [01-N ĮVADAS], taip pat skyrių žymės (REKLAMA, KŪRYBA / AGENTŪRA, RINKODARA NEPRISIJUNGUSIOS PROGRAMOS) yra vieninteliai tipografiniai akcentai, kurie sulaužo „Helvetica“ monotoniją.
- PPSupplySans — pakeitimas: Inter · kontūrai 400 · Antrinė navigacija ir mikrokopija poraštėje, kur reikalingas kitoks be serifų šriftas.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | vidutinis |
| Pagrindinis žingsnis | 50px |
| Mygtuko spindulys | 8px |
| Kortelės spindulys | 20px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 72px |
| Puslapio plotis | 1440px |
Dirbtinis intelektas sukurs jūsų svetainę Bpco 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
- Steep — Serifinių šriftų analizė ant šilto popieriaus
- Newformcap — Redakcijos laikraštis persirengimo kambaryje
- Claude — Ant šilto pergamento atspausdintas artefaktas – rašalas ant kaulinio popieriaus, molis kaip vienintelis spalvos gūsis
- 11x– Digital workers — Kinematografiška redakcinė dykynė – panoraminės kraštovaizdžio nuotraukos, kontrastuojančios su monumentaliomis serifinėmis antraštėmis, kurios skamba tarsi prabangaus žurnalo lapas.
- Revolut — Monochrominis redakcinis darbas, paremtas debesų nuotrauka – baltas rašalas, dėžutės formos sagos, viena mėlyna spalvos juostelė kitaip pilkų atspalvių pasaulyje.
- Scheduling — Redakcijos rašalas ant kreminio popieriaus
- Titan — šiltų tonų monochrominis archyvas
- Programa — Šveicarijos dizaino studija vidurdienį. Baltą galerijos sieną apšviečia viena geltona stalinė lempa – viskas pilkų atspalvių, kol akį patraukia mygtukas, piktograma ar akcentas, ir tada tas vienas geltonas akcentas apibrėžia visą kambarį.
- Sana Agents — Žaliosios citrinos spindesys baltame fone redakciniame straipsnyje
- Visual — Šiltas redakcinis samizdatas. Kreminis popierius, plakatai su serifais, vienspalvės paraštės, vienas geltonas žymeklis.
- Midday — Redakcijos brošiūra ant pergamento – 72 pikselių antraštė su serifais šiltame akmens fone, tekstas be serifų su tarpais, piliulės formos valdikliai, be šešėlių
- Chat for impact — Miško žalumo klinika su pastelinių spalvų kambariais