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

Caldera

Sepista tuld soojal lubjakivil. Lõuend on toores, soe krohv ja iga oranž element näeb välja nagu pinnale surutud hõõguvad söed.

Caldera töötab soojal lubjakivist lõuendil, mis on kaetud sulaoranži värviga. Liides on tasane ja varjudeta, võimaldades ülimalt julgel ja peaaegu arhitektuurilises mastaabis (kuni 189 pikslit) kondenseeritud kirjatüübil kanda kogu konstruktsioonikoormust. Üks erk oranž (#fc5000) toimib ainsa agressiivse kromaatilise aktsendina monokroomse ja soojade hallide toonide taustal, plasmalilla on reserveeritud peamisele pooltoonipildile ja väävlikollane siltidele. Visuaalne keel on vulkaaniline: kondenseeritud, rasked tähed, pooltoonilised punktimustrid, 40-pikslised raadiused kaartidel ja nuppudel ning 800-pikslised tabletikujulised juhtnupud – soojus, mis on kapseldatud pehmesse, paberilaadsesse pinda.

Visuaalne palett on minimalistlik ja läbimõeldud. Peaaknas on foto asemel kasutatud abstraktset pooltoonilist täppmustrit (oranžid täpid lillast oranžini gradientil) – see ei ole dekoratsioon, vaid brändi kunstiline väljendus. Tooteteabe ja teadetega kaartidel on pilditäiteks kas tahked Emberi plokid või pooltooniline plasmaviolet, pakkudes ühtset graafilist süsteemi. Partnerite/integratsioonide logod kuvatakse ühevärviliste ikoonidena heledal taustal. Fotosid, 3D-renderdusi ega elustiilipilte pole. Ikoonid on väikesed, ühevärvilised ja minimalistlikud – Discord, X ja Telegram asuvad navigeerimisel lihtsate glüüfidena. Visuaalne keel on graafiline ja toimetuslik, mitte fotograafiline: see meenutab pigem plakati kujundust kui pildipanga pilte.

Palett

Bränd

  • Ember #fc5000 — Peamised toimingunupud, statistikakaardid ja peamised visuaalsed aktsendid on ainsad agressiivsed värviaktsendid; nende rikkalikkus soojade hallide toonide taustal loob pakilisuse tunde ilma täiendavate dekoratiivsete elementide vajaduseta.
  • Plasma Violet #524ae9 — Peamine pooltoonide gradientalus, üks lisakaardi pind – kasutatakse peaaegu eranditult peamises punktmustris ja ühel spetsiaalsel kaardil; ei kasutata kunagi juhtelementide jaoks.

Neutraalne

  • Sulfur #f5f28e — Sildi- ja kategooriaikoonide ehk väikeste esiletõstude taust on pehme kollane ja seda kasutatakse ajaveebipostituste kategooriate ja programmi teadaannete tähistamiseks.
  • Limestone #f7f6f2 — Kaartide pinnad, sisuplokkide taustad ja täiendavad nuppude täited on heledama ja soojema valge tooniga, mis tõstab elemendid lehe lõuendi taustal esile.
  • Pumice #e2e2df — Lehe peamine taust on soe keskmine hall, mis on iga sektsiooni alus; see on veidi tumedam kui kaardipaberi pind, võimaldades figuuri ja tausta peent eraldamist ilma varjudeta.
  • Obsidian #070607 — Põhitekst, pealkirjad, lingitekst ja nuppude raamid on peaaegu mustad, vaevumärgatava sooja varjundiga, mis sobib lõuendi soojade värvidega.
  • Chalk #ffffff — Tumedates osades olev tekst, tumedal taustal sisestatud tekst, suure kontrastsusega pealiskihid – puhast valget kasutatakse ainult seal, kus on vaja maksimaalset kontrasti tumedate pindadega.

Tüpograafia

12-st 189 pikslini · 10 sammu

  • PP Neue Corp Compact — asendamine: Bebas Neue · kontuurid 400 (Ultrabold cut) · Kõik pealkirjad ja kuvatav tekst. Kohandatud, tihendatud ja üliraske font annab pealkirjadele industriaalse, siltidele omase mahu. Põhiploki suurus 189 pikslit peegeldab brändi signatuurstiili: tihendatud, peaaegu struktuurne, mitte tüpograafiline. Sätted „ss06” ja „ss10” aktiveerivad alternatiivsed tähevormid ja vahed agressiivsema ja tihendatud rütmi saavutamiseks. Positiivne tähevahe (+0,02em) on kuvatavate suuruste puhul ebatavaline ja hoiab ära kitsa teksti tunde suuruse 80–189 piksli juures.
  • DM Sans — asendamine: Inter · kontuurid 500 (Medium only — never Regular or Bold) · Põhiteksti, navigeerimislinkide, nuppude pealkirjade ja teisejärguliste pealkirjade suurus on kuni 30 pikslit. Keskmise paksusega font valiti teadlikult – tavaline kiri näeks eriti paksu pealkirjafondi kõrval liiga õhuke välja ja paks kiri konkureeriks sellega. DM Sans loob humanistliku, kergelt geomeetrilise kontrasti industriaalsele pealkirjafondile.
  • System sans-serif — asendamine: Inter · kontuurid 400 · Pealdised, metatekst, kuupäevad, mikrosildid. Kasutatakse ainult 12px puhul, kus kaal ja brändi tuntus on vähem olulised kui suuruse kokkuhoid.

Intervallid ja vorm

EesmärkTähendus
Tiheduskeskmine
Põhisamm16px
Nupu raadius40px
Kaardi raadius40px
Varjudei - varjude asemel äärised
Sektsioonide vahel80px
Lehe laius1280px

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

  • teenage engineering — Stuudiovalgustuse tööstuskataloog - toode on lehel ainus oluline objekt ja kõik muu arutatakse selle ümber
  • basement — Tühi trükipress kell 3 öösel – tohutud, tihendatud fondid laiali pilluvad kottpimedas, navigeerimisribal on üksainus oranž valgusekuma, kõik muu valge või kummituslikult hall.
  • amra — Sillerdav kera valgel taustal – lavendliaktsent on ainus värvipulss peaaegu ideaalselt akromaatilisel lehel ja ühekordne gradientkera teeb ära töö, mida tavaliselt teeb põhiillustratsioon.
  • Stink Studios — Filmistuudio keskööl - projektor sumiseb, tuba on pime, ainult film põleb
  • Andrei Rybin — Mustvalge visandivihik on disainervihik, milles telefoniekraanid on kinnitatud valgele seinale nagu kontaktlehed.
  • Uniswap Cup — E-spordi võistlust kantakse üle maketil, kus roosa marker kirjeldab valgete ruutude ja õhukeste joonte ruudustikku.
  • Freytag Anderson — Üheainsa sõna peale tõuseb kinokardin. Terve ekraani täidab tohutu liikuv pilt, nurgas istub brändinimi nagu pealkiri ja miski muu ei sega tähelepanu.
  • Integrated Biosciences — bioluminestsentsi labor keskööl
  • Vercel — Terminal trükitud valgele paberile
  • Mintlify — Pilveaed klaaslaua kohal. Käsitsi joonistatud taevas ja dokumentaalfilm on raamitud kokku – ainus koht, kus värv ja kontseptsioon enne lehe kloostrivalgesse sulandumist kokku põrkuvad.
  • Gleap — Soojades kreemikates toonides ja grafiidiaktsentidega sisustatud tööruum – stuudio, kus mattmustad tindipunktid näivad hõljuvat linase arhitektuuri kohal.
  • ClickUp — Võimas valgel marmoril põhinev armatuurlaud. Leht on tootlikkuse tööriista tootebrošüür, seega on visuaalne keel laenatud tootelt endalt: tihedad loendid, olekuindikaatorid, avatarirühmad ja julged tüpograafilised avaldused, mis näevad välja nagu kuvatav tootespetsifikatsioon.