Bpco
Betoonplaadist tehtud tüpograafiline manifest. Mustvalge pressikomplekt, kus ülisuur Helvetica font jäljendab fotot ja ainus tekstuur on üks kortsus paberileht põhikirja all.
Bigpicture kasutab monokroomset redigeerimissüsteemi, mis käsitleb veebilehte nagu toorpaberile asetatud trükitud pressikomplekti. Liides on täiesti kromaatiliste värvideta, tuginedes atmosfääri loomiseks ainult mustale tindile, tühimikule, õhukestele joontele ja ühtlasele kortsus paberi tekstuurile. Tüpograafia on toode: pealkirjad ulatuvad Helvetica Neue 700-s 274 pikslini agressiivse negatiivse tähevahega, muutes teksti igal ekraanil domineerivaks visuaalseks massiks. Ühtlase vahega pealkirjad ([01-N SISSEJUHATUS], CREATIVE/AGENTUR) toimivad trükistiilis allkirjadena ja neljaharulised läikivad ikoonid on ainsateks kaunistusteks sektsioonide vahel. Paigutus on helde ja meenutab ise avaldamist – 72 piksli suurused vahed sektsioonide vahel, 144–250 piksli suurused horisontaalsed veerised ja täislaiuses pildiplokid 288 piksli suuruste nurkadega võimaldavad lehel hingata nagu galeriisein, mitte tarkvaratükk.
Maksimaalne laius on ~1440 pikslit, tsentreeritud horisontaalse 40–144 pikslise täidisega, olenevalt sektsiooni tihedusest. Põhipilt on täislaiuses pilt katva tekstiga. Pildi all vaheldub sisu tsentreeritud tekstiplokkide ja servast servani tüpograafia vahel. Lehe alumine 60% on pikk, keritav manifest, kus suur tekst täidab kogu vaatevälja laiuse rida-realt ja on eraldatud läikivate eraldajatega. Navigeerimine on vaatevälja ülaosas tsentreeritud ujuvriba, mitte täislaiuses paneel. Jalus on üks riba õhukese äärisega.
Põhiekraanil domineerib fotograafia – suured arhitektuuri- ja välireklaami kujutised (stendid, hoonete välisvooder, tänavareklaam), mis on esitatud täissuuruses ja ümarate nurkadega. Lehe alumistel osadel on kortsus paberi tekstuur, mis loob kombatava tunde ja annab liidesele trükitud ajakirja ilme. Ainsa illustreeriva elemendina on kujutatud väikest joontega maakera ikooni. Puuduvad 3D-efektid, abstraktsed gradientid või tootemaketid – pildid on dokumentaalsed, industriaalse iseloomuga ja põhinevad agentuuri välireklaami portfooliol.
Palett
Neutraalne
- Press Ink
#121212— Põhitekst, õhukesed jooned, sektsioonide äärised, ikoonide kontuurid ja jaluse tekst kasutavad kõik ühte tumedat tooni, mis katab 95% kogu esiplaanil olevast teabest. - Paper White
#ffffff— Lehekülje lõuend, papist pinnad, navigeerimisriba taust, pealkirjaraamidega pinnad. - Newsprint
#f1f1f1— Õrn pinnatäide, pehmed äärised, õhukesed vaheseinad, kortsus paberi tekstuuri taha peidetud toon. - Foil Gray
#e1e1e1— Heledad raamid, ikoonide kontuuride kujul olevad aktsendid, täiendavad eraldajad. - Mute Gray
#c5c5c5— Teisene tekst, puude staatus, madala kontrastsusega pinnajooned
Tüpograafia
13-st 274 pikslini · 6 sammu
- Helvetica Neue — asendamine: Inter · kontuurid 400, 500, 700 · Universaalne tööriist – põhitekst 17px/1.29, pealkirjade kuvamine 75–274px ja suurimate suuruste puhul tähevahe -0.04em, navigeerimissildid 15px
- PPSupplyMono — asendamine: JetBrains Mono · kontuurid 400 · Metamärgendid ja sulgudes olevad sildid, näiteks [01-N SISSEJUHATUS], aga ka jaotise sildid (REKLAM, LOOV/AGENTUURI AMET, OFFLINE-TURUNDUS) on ainsad tüpograafilised aktsendid, mis Helvetica monotoonsust murravad.
- PPSupplySans — asendamine: Inter · kontuurid 400 · Teisene navigeerimine ja mikroskoop jaluses, kus on vaja teistsugust sans-serif fonti.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | keskmine |
| Põhisamm | 50px |
| Nupu raadius | 8px |
| Kaardi raadius | 20px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 72px |
| Lehe laius | 1440px |
Tehisintellekt loob teie veebisaidi Bpco 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
- Steep — Serif-fontide analüüs soojal paberil
- Newformcap — Toimetuse ajaleht riietusruumis
- Claude — Soojale pärgamendile trükitud artefakt – tint luupaberil, savi ainsa värvilaiguna
- 11x– Digital workers — Filmiline toimetuse tühermaa – panoraamfotod maastikust monumentaalsete serif-pealkirjade taustal, mis kõlavad nagu luksusajakirja avaleht.
- Revolut — Pilvede fotol põhinev monokroomne toimetustöö – valge tint, tabletikarbi nööbid, üks sinine värvitriip muidu halltoonides maailmas.
- Scheduling — Toimetuse tint kreemika paberi peal
- Titan — soojades toonides monokroomne arhiiv
- Programa — Šveitsi disainistuudio keskpäeval. Valget galeriiseina valgustab üksainus kollane laualamp – kõik on hallides toonides, kuni mõni nupp, ikoon või aktsent pilku köidab, ja siis see üksainus kollane aktsent tähistab kogu ruumi.
- Sana Agents — Laimi sädelus valgel taustal toimetuslikus tekstis
- Visual — Soe toimetuse samizdat. Kreemikas paber, serif-plakatid, mustvalged marginaalid, üks kollane marker.
- Midday — Toimetuse brošüür pärgamendil - 72px serif pealkiri soojal kivitaustal, sans-serif põhitekst reavahedega, pillikujulised juhtnupud, varjudeta
- Chat for impact — Metsaroheline kliinik pastelsetes toonides ruumidega