Bpco
Un manifest tipografic realizat dintr-o placă de beton. Un dosar de presă alb-negru în care fontul Helvetica supradimensionat imită o fotografie, iar singura textură este o singură foaie de hârtie mototolită sub fontul principal.
Bigpicture folosește un sistem de editare monocrom care tratează pagina web ca pe un dosar de presă tipărit, așezat pe hârtie brută. Interfața este complet lipsită de culori cromatice, bazându-se exclusiv pe cerneală neagră, spații albe, linii subțiri și o textură uniformă a hârtiei mototolite pentru a crea atmosferă. Tipografia este produs: titlurile ating 274px în Helvetica Neue 700 cu o spațiere negativă agresivă a literelor, făcând din text masa vizuală dominantă pe fiecare ecran. Legendele monospațiate ([01-N INTRODUCERE], CREATIVE/AGENCY) acționează ca semnături în stilul tipărit, iar pictogramele strălucitoare cu patru colțuri servesc drept singura decorațiune între secțiuni. Aspectul este generos și amintește de autopublicare - goluri de 72px între secțiuni, margini orizontale de 144-250px și blocuri de imagine pe toată lățimea, cu colțuri de 288px, permit paginii să respire ca un perete de galerie, mai degrabă decât ca un software.
Lățimea maximă este de ~1440px, centrată și cu o suprapunere orizontală de 40–144px, în funcție de densitatea secțiunii. Imaginea principală este o imagine pe lățime completă cu text suprapus. Sub imagine, conținutul alternează între blocuri de text centrate și tipografie de la o margine la alta. Partea inferioară a paginii este un manifest lung, derulant, cu caractere mari care ocupă întreaga lățime a ferestrei de vizualizare, linie cu linie, separate de rânduri de separatoare lucioase. Navigarea este o bară plutitoare centrată în partea de sus a ferestrei de vizualizare, în loc de un panou pe lățime completă. Subsolul este o singură bandă cu o bordură subțire.
Fotografia domină ecranul principal — imagini arhitecturale și publicitare exterioare de mari dimensiuni (panouri publicitare, placaje de clădiri, publicitate stradală) prezentate la dimensiune completă, cu colțuri rotunjite. O textură de hârtie mototolită este suprapusă peste secțiunile inferioare ale paginii, creând o senzație tactilă și oferind interfeței aspectul unei reviste tipărite. O mică pictogramă cu un glob, desenată cu linii, este singurul element ilustrativ. Fără efecte 3D, fără gradiente abstracte, fără machete de produse — imaginile sunt documentare, de natură industrială și bazate pe portofoliul de publicitate exterioară al agenției.
Paletă
Neutru
- Press Ink
#121212— Textul corpului, liniile subțiri, marginile secțiunilor, contururile pictogramelor și textul subsolului folosesc toate un singur ton închis care conține 95% din toate informațiile din prim-plan. - Paper White
#ffffff— Pânză de pagină, suprafețe din carton, fundal bară de navigare, suprafețe cu rame de titlu. - Newsprint
#f1f1f1— Umplutură delicată a suprafeței, chenarele moi, separatoarele subțiri, tonul ascuns în spatele texturii hârtiei mototolite. - Foil Gray
#e1e1e1— Rame luminoase, accente sub formă de contururi de pictograme, separatoare suplimentare. - Mute Gray
#c5c5c5— Text secundar, stare de dizabilitate, linii de suprafață cu contrast redus
Tipografie
de la 13 la 274px · 6 pași
- Helvetica Neue — înlocuire: Inter · contururi 400, 500, 700 · Un instrument universal - text la 17px/1.29, titluri afișate la 75–274px cu o spațiere între litere de -0.04em la cele mai mari dimensiuni, etichete de navigare la 15px
- PPSupplyMono — înlocuire: JetBrains Mono · contururi 400 · Metaetichetele și etichetele între paranteze, cum ar fi [01-N INTRODUCERE], precum și etichetele de secțiune (PUBLICITATE, CREATIVITATE/AGENȚIE, MARKETING OFFLINE) sunt singurele accente tipografice care rup monotonia Helvetica.
- PPSupplySans — înlocuire: Inter · contururi 400 · Navigare secundară și microcopiere în subsol, unde este necesar un font sans-serif diferit.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | medie |
| Pasul de bază | 50px |
| Raza butonului | 8px |
| Raza cardului | 20px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 72px |
| Lățimea paginii | 1440px |
Inteligența artificială vă va construi site-ul web în stilul Bpco și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Steep — Analiza fonturilor Serif pe hârtie caldă
- Newformcap — Editorialul ziarului în vestiar
- Claude — Un artefact imprimat pe pergament cald - cerneală pe hârtie de os, lutul ca singura adiere de culoare
- 11x– Digital workers — Un pustiu editorial cinematografic - fotografii panoramice ale peisajului pe fundalul unor titluri monumentale cu serife care se citesc ca o pagină de revistă de lux
- Revolut — O lucrare editorială monocromă bazată pe o fotografie cu nori — cerneală albă, nasturi de tip cutie de pilule, o singură dungă albastră de culoare într-o lume altfel în nuanțe de gri.
- Scheduling — Cerneală editorială pe hârtie crem
- Titan — arhivă monocromă cu tonuri calde
- Programa — Un studio de design elvețian la amiază. Peretele alb al galeriei este iluminat de o singură lampă de masă galbenă - totul este în nuanțe de gri până când un buton, o pictogramă sau un accent atrage atenția, iar apoi acel accent galben unic definește întreaga cameră.
- Sana Agents — Strălucire de lime pe fundal alb în editorial
- Visual — Samizdat editorial cald. Hârtie crem, postere serif, margini monocrome, un marker galben.
- Midday — Broșură editorială pe pergament - titlu serif de 72px pe fundal cald de piatră, text sans-serif cu spațiere, comenzi în formă de pilulă, fără umbre
- Chat for impact — O clinică verde închis, cu camere în culori pastelate