
Caldera
Kujte ogenj na toplem apnencu. Platno je surovo, topel omet, vsak oranžen element pa je videti kot tleča žerjavica, vtisnjena v površino.
Caldera deluje na toplem apnenčastem platnu, prelitem s staljeno oranžno barvo. Vmesnik je raven in brez senc, kar omogoča, da ultra krepka, zgoščena pisava v skoraj arhitekturnem merilu (do 189 slikovnih pik) nosi celotno strukturno obremenitev. Ena sama živahna oranžna barva (#fc5000) deluje kot edini, agresivni kromatični poudarek na ozadju enobarvnih, toplih sivih odtenkov, plazemsko vijolična je rezervirana za glavno poltonsko sliko, žveplo rumena pa za oznake. Vizualni jezik je vulkanski: zgoščene, težke črke, vzorci poltonskih pik, polmeri 40 slikovnih pik na karticah in gumbih ter kontrolniki v obliki tabletk 800 slikovnih pik – toplina, utelešena v mehki, papirju podobni površini.
Vizualna paleta je minimalistična in premišljena. Glavno okno namesto fotografije uporablja abstrakten vzorec poltonskih pik (oranžne pike na vijolično-oranžnem prelivu) – ne služi kot dekoracija, temveč kot umetniški izraz blagovne znamke. Kartice z informacijami o izdelkih in obvestili uporabljajo bodisi trdne bloke Ember bodisi poltonsko plazma vijolično kot slikovno polnilo, kar zagotavlja enoten grafični sistem. Logotipi partnerjev/integracij so prikazani kot enobarvne ikone na svetlem ozadju. Ni fotografij, 3D-upodobitev ali slik življenjskega sloga. Ikone so majhne, enobarvne in minimalistične – Discord, X in Telegram so v navigaciji nameščeni kot preprosti glifi. Vizualni jezik je grafičen in uredniški, ne fotografski: bolj spominja na oblikovanje plakatov kot na stock slike.
Paleta
Blagovna znamka
- Ember
#fc5000— Gumbi za glavna dejanja, kartice s statistikami in ključni vizualni poudarki so edini agresivni barvni poudarki; njihova bogastvo v primerjavi s toplimi sivimi toni ustvarja občutek nujnosti brez potrebe po dodatnih dekorativnih elementih. - Plasma Violet
#524ae9— Glavna osnova poltonskega gradienta, ena dodatna površina kartice - Uporablja se skoraj izključno v glavnem vzorcu pik in na eni namenski kartici; nikoli se ne uporablja za kontrole.
Nevtralno
- Sulfur
#f5f28e— Ozadje za ikone oznak in kategorij, majhne poudarke, je nežno rumene barve, ki se uporablja za označevanje kategorij objav na blogu in obvestil o programih. - Limestone
#f7f6f2— Površine kartic, ozadja blokov vsebine in dodatna polnila gumbov so svetlejšega, toplejšega odtenka bele barve, zaradi česar elementi izstopajo na platnu strani. - Pumice
#e2e2df— Glavno ozadje strani je topla srednje siva barva, ki služi kot osnova za vsak del; je nekoliko temnejša od površine kartona, kar omogoča subtilno ločitev figure in ozadja brez senc. - Obsidian
#070607— Glavno besedilo, naslovi, besedilo povezav in okvirji gumbov so skoraj črni s komaj opaznim toplim odtenkom, ki se ujema s toplimi barvami platna. - Chalk
#ffffff— Besedilo v temnih delih, vnos besedila na temnih ozadjih, visokokontrastni prekrivni elementi - Čista bela se uporablja le tam, kjer je potreben največji kontrast s temnimi površinami.
Tipografija
od 12 do 189 slikovnih pik · 10 korakov
- PP Neue Corp Compact — zamenjava: Bebas Neue · obrisi 400 (Ultrabold cut) · Vsi naslovi in prikazano besedilo. Po meri oblikovana, zgoščena, ultra krepka pisava daje naslovom industrijsko, znaku podobno težo. Velikost 189 slikovnih pik v glavnem bloku odraža značilen slog blagovne znamke: zgoščen, skoraj strukturen in ne tipografski. Nastavitve»ss06« in»ss10« aktivirata alternativne oblike črk in razmike za bolj agresiven, zgoščen ritem. Pozitiven razmik med črkami (+0,02 em) je nenavaden za velikosti prikaza in preprečuje občutek utesnjenega besedila pri 80–189 slikovnih pikah.
- DM Sans — zamenjava: Inter · obrisi 500 (Medium only — never Regular or Bold) · Glavno besedilo, navigacijske povezave, oznake gumbov in sekundarni naslovi so veliki do 30 slikovnih pik. Srednja debelina pisave je bila izbrana namerno – običajna pisava bi bila videti pretanka v primerjavi z izjemno krepko pisavo za naslove, krepka pa bi ji konkurirala. DM Sans ustvarja humanističen, rahlo geometrijski kontrapunkt industrijski pisavi za naslove.
- System sans-serif — zamenjava: Inter · obrisi 400 · Napisi, metabesedilo, datumi, mikrooznake. Uporablja se samo v 12px, kjer sta teža in prepoznavnost blagovne znamke manj pomembni kot prihranek pri velikosti.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | povprečje |
| Osnovni korak | 16px |
| Polmer gumba | 40px |
| Polmer kartice | 40px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 80px |
| Širina strani | 1280px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Caldera in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- teenage engineering — Industrijski katalog studijske razsvetljave - izdelek je edini pomemben predmet na strani, vse ostalo pa se obravnava okoli njega
- basement — Prazen tiskarski stroj ob 3. uri zjutraj – ogromne, stisnjene pisave, ki se razprostirajo po smolni črnini, en sam blisk oranžne luči na navigacijski vrstici, vse ostalo belo ali duhovno sivo.
- amra — Mavrična krogla na belem ozadju – sivkin poudarek je edini barvni utrip na skoraj popolnoma akromatski strani, enojna gradientna krogla pa opravlja delo, ki ga običajno opravlja glavna ilustracija.
- Stink Studios — Filmski studio opolnoči - projektor brni, soba je temna, osvetljen je le film
- Andrei Rybin — Enobarvni skicir je dizajnerski zvezek, v katerem so zasloni telefonov pritrjeni na belo steno kot kontaktni listi.
- Uniswap Cup — Prenos tekmovanja v e-športu poteka na maketi - roza marker označuje mrežo belih kvadratov in tankih črt
- Freytag Anderson — Zavesa v kinu se dvigne ob eni sami besedi. Ogromna gibljiva slika zasede celotno platno, ime blagovne znamke je v kotu kot naslov in nič drugega ne moti pozornosti.
- Integrated Biosciences — laboratorij za bioluminiscenco ob polnoči
- Vercel — Terminal, natisnjen na belem papirju
- Mintlify — Vrt oblakov nad stekleno mizo. Ročno narisano nebo in dokumentarec sta uokvirjena skupaj – edino mesto, kjer se barva in koncept srečata, preden se stran zbledi v samostansko belino.
- Gleap — Delovni prostor, okrašen v toplih kremnih tonih z grafitnimi poudarki – studio, kjer se zdi, da mat črne pike črnila lebdijo nad laneno arhitekturo.
- ClickUp — Zmogljiva nadzorna plošča na belem marmorju. Stran je brošura izdelka za orodje za produktivnost, zato je vizualni jezik izposojen iz samega izdelka: gosti seznami, indikatorji stanja, skupine avatarjev in krepke tipografske izjave, ki so videti kot specifikacija izdelka na ogled.