Telegram, WhatsApp+380637610482
Valeri Danjuk
Valeri DanjukarendajaTehisintellekti tööriistade arendamine ettevõtetele. Kõrge kvaliteet. Taskukohane.Kirjuta Telegrami
Flying Papers — selle stiili saidi eelvaade

Flying Papers

Ülestunnistus laupäevahommikul koomiksis

„Flying Papers” toimib nagu laupäevahommikune multifilm, mis on trükitud paksule risograafiapaberile: lame, summutatud lilla stseen, hulk küllastunud, konfetitaolisi värve ja nii suur tekst, et see võtab enda alla kogu vaatamisala. Bränding on vali, julge ja kompromissitu – see ei nõua tähelepanu, vaid tõmbab seda ligi. Iga ekraan peaks tunduma nagu üksainus julge plakat: üks domineeriv pealkiri, üks tegelase illustratsioon, üks tegevus tekstis ja palju tühja ruumi. Raamid teevad suurema osa tööst ära, asendades varje; värvi kasutatakse värvina, mitte andmetena. Pinnad jäävad tasaseks, servad hoitakse teravatena 6 piksli juures ja süsteemi ainus nõrk koht on väljumisnupul olev 100 piksliga pill.

Täisekraanil kuvatavad plakatipaigutused ilma maksimaalse laiuse piiranguteta. Iga ekraan on üksainus kompositsioon vaatevälja suuruses: üks massiivne ObliguantlyVariable pealkiri, mis on tsentreeritud või vasakule joondatud, üks maskoti illustratsioon, mis katab teksti, ja väike tekstisisene toiming allpool. Sektsioonide heledad ja tumedad värvid ei vaheldu – kogu leht on paigutatud Twilight Purple lõuendile, mille peal on ühevärvilised kaardid. Navigeerimine on üks tsentreeritud logo ilma menüüribata. Kaardid on paigutatud vabasse 2-3 veergu ja heldete servadega; kaartide suurused määratakse sisu, mitte ühtlase suuruse järgi. Tihedus on äärmuslik: üks idee ekraani kohta, ümbritsetud lilla hingamisruumiga.

Ainult illustratsioonid – ei mingeid fotosid, 3D-renderdusi ega abstraktseid gradiente. Visuaalne keel on käsitsi joonistatud koomiksistiilis, paksude mustade kontuuridega (2–3 pikslit), 2–3 värviga lamedate täitematerjalidega ja varjutuseta. Tegelased on maskotid, kes suhtlevad kirjatüübiga (piiluvad välja, nõjatuvad tähe vastu või seisavad sellel). Ikoonid on joonistatud mustade (Pure) või valgete (Bone) joontega, joone laiusega 1,5–2 pikslit. Pildid loovad peamiselt dekoratiivse atmosfääri, mitte ei selgita – kirjatüüp edastab sõnumit, tegelane meeleolu.

Palett

Bränd

  • Dusk Violet #8584bd — Peamine lõuend ja peamine taust on lava, millel ilmuvad kõik muud värvid.
  • Hi-Vis Yellow #f4ed36 — Kollast värvi kasutatakse tegevuste kontuuride, linkide siltide ja interaktiivsete elementide esiletõstmiseks. Seda ei tohiks kasutada tegevusele kutsuvate elementide põhivärvina.
  • Buttery Yellow #f9cc73 — Täiendav ekraanil kuvatav tekst ja pehmemad äärised pakuvad peegeldavale värvile peenemat lähenemist olukordades, kus peegeldav värv oleks liiast.
  • Lilac Shadow #61609a — Lillal tasandil pesastatud pindadel on kaardi- ja plokktaustad sügavama lilla tooniga.

Neutraalne

  • Bubblegum Pink #f8c1ba — Dekoratiivsed äärised ja konfetiaktsendid on mõõdukalt kasutatud sooja roosa tooni, et luua värviline erksus.
  • Matcha Cream #b5c995 — Dekoratiivsed äärised ja konfetiaktsendid annavad kaardi kõrvaltegelastele tolmuse rohelise tooni.
  • Magenta Punch #ac4f98 — Lisapind aktsentkaartidele – mõeldud efektiplokkidele, mis peaksid kõlama valjemini kui laval.
  • Firecracker Red #c94245 — Punane täide tausta esiletõstmiseks, dekoratiivsed triibud ja pehme aktsent sisu taga.
  • Bone White #f9f5f2 — Õhukesed äärised, eraldajad, sisestusväljade kontuurid ja kaardi servad heledatel pindadel. Väldi selle värvi kasutamist tegevusele kutsuvate nuppude põhivärvina.
  • Ink Black #1a1a1a — Põhitekst, peamised äärised ja nuppude kontuurid on peaaegu musta värvi, mida kasutatakse kreemikatel pindadel tüpograafiliste tööde jaoks.

Tüpograafia

10-st 341 pikslini · 8 sammu

  • ObviouslyVariable — asendamine: Founders Grotesk Condensed · kontuurid 800, 900 · See pealkirjade ja suurte trükiste jaoks mõeldud fondipere on ainus selle süsteemi jaoks piisavalt vali font. Suurused jäävad vahemikku 18 pikslit põhiteksti puhul kuni 341 pikslit plakati kuvamiseks. Tihe reavahe 0,80–1,00 võimaldab mitmerealisi pealkirju kuvada ühtlaste värviplokkidena; Calt-funktsioon on keelatud, seega jäävad laiad geomeetrilised kujundid ilmetuks. Alternatiivid: Founders Grotesk Condensed, Knockout või Druk Wide.
  • DegularVariable — asendamine: Inter · kontuurid 400 · Üliväike kasutajaliidese tekst – navigeerimine, jaluse mikroskoop ja tekstisisesed sildid suurusega 10 pikslit. Neutraalne ja mitmekülgne font, mis sulandub sujuvalt põhitekstiga. Asendused: Inter, IBM Plex Sans.
  • bergen_monoregular — asendamine: JetBrains Mono · kontuurid 400, 600 · Ühtlase reavahega mikrofont navigeerimiseks, siltide ja väikeste andmesiltide jaoks loob ümarale ekraanile kirjutusmasina rütmi. Ühtlase reavahega fondi 0,80 reavahe on iseloomulik omadus: tihedalt paigutatud ühtlane font tundub nagu kviitung. Alternatiivid: JetBrains Mono, IBM Plex Mono.

Intervallid ja vorm

EesmärkTähendus
Tihedustihe
Põhisamm17px
Nupu raadius100px
Kaardi raadius6px
Varjudei - varjude asemel äärised
Sektsioonide vahel40px

Tehisintellekt loob teie veebisaidi Flying Papers 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

  • Navigate — Suur kleebiste komplekt tahvlile kinnitatud: suur groteskne font, kõik tahvelarvutite kujul ja viis mitmevärvilist ikooni, mis korduvad nagu logo
  • Hatch — Käsitsi joonistatud samizdat-stiilis kujundus, millele on lisatud pastelltoonides kommikausse. Kreemjas paberlõuend, mida kaunistavad mündirohelised aktsendid, konfetipunktid ja tabletikujulised üleskutsed tegutsemisele, kus suur ja julge serif-font vihjab lõbususele ning nurgas pilgutab silma sinine maskott.
  • Wonder — Neoonlilla juhtimiskeskus on sügav ploomikarva pimedus, mida läbistab üksainus laservioletne valgusallikas.
  • Duolingo — Mänguline klassi maskott valgel paberil
  • Family — Muinasjutust pärit pilt kreemjal pärgamendil
  • Visitors — valge insenerijoonis
  • Say Briefly — Loovagentuuri visandiraamat kreemjal paberil
  • Superpower — Bioluminestsentsne tervisejuhtimiskeskus
  • Dopper — Päikeseküllane, kreemjas laguun erksa sinise hoovusega. Soe, beež avarus, kus üksainus erksinine kanal ja kristallselged, kommilaadsed kaardid lõikavad läbi ruumi nagu päikesevalgus veel.
  • Dock — Päikesevalgustatud kreemjas paber, koobaltipulss
  • Portrait — Mälestuste sein, jäädvustatud polaroididega kreemikale paberile. Ere, kreemikas külalisteraamat, kus tumesinine tint on ainus tekst, ainsate struktuurijoonte ja ainsa raami värv – ühe käsitsi joonistatud vikerkaarega, mis ilmub üks kord, nupul „Registreeru“ ja kursiivis sõnal „igavesti“ ning mitte kunagi enam.
  • Quizlet — Klassiruum on valgel taustal mitmevärviliselt kaunistatud – vaikne laud, mille taga on neli pastelltoonides kaarti ainsaks erksaks aktsendiks jahedate hallide seinte ja indigomarkeriga tehtud ühe kriimu taustal.