Bpco
Betonilaatasta tehty typografinen manifesti. Mustavalkoinen lehdistöpaketti, jossa ylisuuri Helvetica-fontti jäljittelee valokuvaa ja ainoa tekstuuri on yksi rypistynyt paperiarkki pääkirjasintyypin alla.
Bigpicture käyttää yksiväristä editointijärjestelmää, joka käsittelee verkkosivua kuin raakapaperille asetettua painettua lehdistömateriaalia. Käyttöliittymä on täysin vailla kromaattisia värejä, ja tunnelman luomiseen käytetään pelkästään mustaa mustetta, tyhjää tilaa, ohuita viivoja ja rypistyneen paperin yhtenäistä tekstuuria. Typografia on tuote: otsikot saavuttavat 274 pikseliä Helvetica Neue 700 -fontissa aggressiivisella negatiivisella kirjainvälistyksellä, mikä tekee tekstistä hallitsevan visuaalisen massan jokaisella näytöllä. Kiinteän välin kuvatekstit ([01-N JOHDANTO], CREATIVE/AGENCY) toimivat painotyylisinä allekirjoituksina, ja nelikärkiset kiiltävät kuvakkeet toimivat ainoana koristeena osioiden välillä. Asettelu on runsas ja muistuttaa itsejulkaisua – 72 pikselin välit osioiden välillä, 144–250 pikselin vaakasuorat marginaalit ja täysleveydet kuvalohkot 288 pikselin kulmilla antavat sivun hengittää kuin gallerian seinä eikä ohjelmiston pätkä.
Suurin leveys on ~1440 pikseliä, keskitettynä ja vaakasuoralla 40–144 pikselin täyttövälillä osion tiheydestä riippuen. Pääkuva on täysleveä kuva, jonka päällä on tekstiä. Kuvan alapuolella sisältö vaihtelee keskitettyjen tekstilohkojen ja reunasta reunaan ulottuvan typografian välillä. Sivun alareunassa 60 % on pitkää, vierivää manifestia, jossa suurikokoinen teksti täyttää koko näkymän leveyden rivi riviltä ja on erotettu toisistaan kiiltävillä jakajilla. Navigointi on näkymän yläreunassa keskitetty kelluva palkki täysleveän paneelin sijaan. Alatunniste on yksi ohuella reunuksella varustettu kaistale.
Valokuvaus hallitsee päänäyttöä – suuret arkkitehtoniset ja ulkomainoskuvat (mainostaulut, rakennusten verhoilut, katutason mainokset) esitetään täysikokoisina pyöristetyillä kulmilla. Sivun alaosien päällä on rypistynyt paperipinta, joka luo tuntuman ja antaa käyttöliittymälle painetun lehden ulkonäön. Pieni, viivoilla piirretty maapallokuvake on ainoa havainnollistava elementti. Ei 3D-tehosteita, ei abstrakteja liukuvärejä, ei tuotemalleja – kuvat ovat dokumentaarisia, teollisia ja perustuvat toimiston ulkomainosportfolioon.
Paletti
Neutraali
- Press Ink
#121212— Leipäteksti, ohuet viivat, osioiden reunat, kuvakkeiden ääriviivat ja alatunnisteen teksti käyttävät kaikki yhtä tummaa sävyä, joka kattaa 95 % kaikista etualan tiedoista. - Paper White
#ffffff— Sivupohja, pahvipinnat, navigointipalkin tausta, otsikkokehyksillä varustetut pinnat. - Newsprint
#f1f1f1— Herkkä täyttöpinta, pehmeät reunat, ohuet väliseinät, ryppyisen paperin tekstuurin taakse piilotettu sävy. - Foil Gray
#e1e1e1— Kevyet kehykset, aksentit kuvakkeiden ääriviivojen muodossa, lisäjakajat. - Mute Gray
#c5c5c5— Toissijainen teksti, vammaisuustila, matalakontrastiset pintaviivat
Typografia
13:sta 274 pikseliin · 6 vaihetta
- Helvetica Neue — korvaava: Inter · ääriviivat 400, 500, 700 · Universaali työkalu - leipäteksti 17px/1.29, otsikot näytetään 75–274px:n kokoisina ja kirjainväli suurimmissa kokoluokissa -0.04em, navigointitunnisteet 15px:n kokoisina
- PPSupplyMono — korvaava: JetBrains Mono · ääriviivat 400 · Metatunnisteet ja sulkeissa olevat otsikot, kuten [01-N JOHDANTO], sekä osiotunnisteet (MAINONTA, LUOVAA TEKIJÄÄ/TOIMISTO, OFFLINE-MARKKINOINTI) ovat ainoat typografiset yksityiskohdat, jotka rikkovat Helvetican monotonian.
- PPSupplySans — korvaava: Inter · ääriviivat 400 · Toissijainen navigointi ja mikrokopiointi alatunnisteessa, jossa vaaditaan eri sans-serif-fonttia.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | keskimäärin |
| Perusvaihe | 50px |
| Painikkeen säde | 8px |
| Kortin säde | 20px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 72px |
| Sivun leveys | 1440px |
Tekoäly rakentaa verkkosivustosi Bpco -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- Steep — Serif-fonttien analyysi lämpimällä paperilla
- Newformcap — Pääkirjoituslehti pukuhuoneessa
- Claude — Lämpimälle pergamentille painettu esine – mustetta luupaperilla, savea ainoana väripilkkuna
- 11x– Digital workers — Elokuvamainen toimituksellinen autiomaa – panoraamakuvia maisemasta monumentaalisten serif-otsikoiden taustana, jotka tuntuvat luksuslehden aukeamalta.
- Revolut — Yksivärinen toimituksellinen teos, joka perustuu pilvivalokuvaan – valkoista mustetta, rasian nappeja, yksi sininen väriraita muuten harmaasävyisessä maailmassa.
- Scheduling — Toimituksellinen muste kermanväriselle paperille
- Titan — lämpimän sävyinen yksivärinen arkisto
- Programa — Sveitsiläinen design-studio keskipäivällä. Valkoista galleriaseinää valaisee yksi keltainen pöytävalaisin – kaikki on harmaan sävyissä, kunnes jokin painike, kuvake tai koriste-esine kiinnittää huomion, ja sitten tuo yksi keltainen koriste-esine määrittelee koko huoneen.
- Sana Agents — Limen kimallus valkoisella taustalla toimituksellisessa
- Visual — Lämminhenkistä toimituksellista samizdatia. Kermanväristä paperia, serif-julisteita, yksivärisiä reunuksia, yksi keltainen tussi.
- Midday — Toimituksellinen esite vellumilla - 72 pikselin serif-otsikko lämpimällä kivitaustalla, sans-serif-teksti rivivälillä, pillerinmuotoiset säätimet, ei varjoja
- Chat for impact — Metsänvihreä klinikka pastellisävyisillä huoneilla