
Caldera
Kalt uguni uz silta kaļķakmens. Audekls ir neapstrādāts, silts apmetums, un katrs oranžais elements izskatās kā kvēlojošas ogles, kas iespiestas virsmā.
“Caldera” darbojas uz silta kaļķakmens audekla, kas pārklāts ar izkausētu oranžu krāsu. Saskarne ir plakana un bez ēnām, ļaujot īpaši drosmīgajam, koncentrētajam burtam gandrīz arhitektoniskā mērogā (līdz 189 pikseļiem) nest visu strukturālo slodzi. Viena spilgti oranža krāsa (#fc5000) darbojas kā vienīgais, agresīvais hromatiskais akcents uz melnbalta, siltu pelēko toņu fona, plazmas violeta krāsa ir paredzēta galvenajam pustoņu attēlam, bet sēra dzeltena krāsa — tagiem. Vizuālā valoda ir vulkāniska: koncentrēti, smagi burti, pustoņu punktu raksti, 40 pikseļu rādiusi uz kartēm un pogām, kā arī 800 pikseļu tabletes formas vadības elementi — siltums, kas iekapsulēts mīkstā, papīram līdzīgā virsmā.
Vizuālā palete ir minimālistiska un pārdomāta. Galvenajā logā fotogrāfijas vietā tiek izmantots abstrakts pustoņu punktu raksts (oranži punkti uz violeta līdz oranža gradienta) — tas nekalpo kā dekorācija, bet gan kā zīmola mākslinieciska izpausme. Kartītēs ar produktu informāciju un paziņojumiem attēlu aizpildīšanai tiek izmantoti vai nu vienkrāsaini Ember bloki, vai pustoņu Plasma Violet, nodrošinot vienotu grafisko sistēmu. Partneru/integrācijas logotipi tiek parādīti kā vienkrāsainas ikonas uz gaiša fona. Nav fotogrāfiju, 3D renderējumu vai dzīvesstila attēlu. Ikonas ir mazas, vienkrāsainas un minimālistiskas — Discord, X un Telegram atrodas navigācijā kā vienkārši glifi. Vizuālā valoda ir grafiska un redakcionāla, nevis fotogrāfiska: tā drīzāk atgādina plakātu dizainu, nevis attēlu krājumus.
Palete
Zīmols
- Ember
#fc5000— Primārās darbību pogas, statistikas kartītes un galvenie vizuālie akcenti ir vienīgie agresīvie krāsu akcenti; to piesātinātība uz silto pelēko toņu fona rada steidzamības sajūtu bez nepieciešamības pēc papildu dekoratīviem elementiem. - Plasma Violet
#524ae9— Galvenā pustoņu gradienta pamatne, viena papildu kartes virsma — tiek izmantota gandrīz tikai galvenajā punktu rakstā un uz vienas atsevišķas kartes; nekad netiek izmantota vadības ierīcēm.
Neitrāls
- Sulfur
#f5f28e— Birku un kategoriju ikonu fons, nelieli izcēlumi, ir maigi dzeltenā krāsā, ko izmanto, lai norādītu emuāra ierakstu kategorijas un programmu paziņojumus. - Limestone
#f7f6f2— Kartīšu virsmas, satura bloku foni un papildu pogu aizpildījumi ir gaišākā, siltākā baltā tonī, kas elementus izceļ uz lapas audekla fona. - Pumice
#e2e2df— Lapas galvenais fons ir silti vidēji pelēks, kas kalpo par pamatu katrai sadaļai; tas ir nedaudz tumšāks par kartona virsmu, ļaujot smalki atdalīt figūru un fonu bez ēnām. - Obsidian
#070607— Galvenais teksts, virsraksti, saišu teksts un pogu rāmji ir gandrīz melni ar tikko pamanāmu siltu nokrāsu, kas atbilst audekla siltajām krāsām. - Chalk
#ffffff— Teksts tumšās daļās, ievadītais teksts uz tumša fona, augsta kontrasta pārklājumi — tīri balta krāsa tiek izmantota tikai tur, kur nepieciešams maksimāls kontrasts ar tumšām virsmām.
Tipogrāfija
no 12 līdz 189 pikseļiem · 10 soļi
- PP Neue Corp Compact — nomaiņa: Bebas Neue · kontūras 400 (Ultrabold cut) · Visi virsraksti un attēlojuma teksts. Pielāgots, koncentrēts, īpaši treknrakstā veidots fonts piešķir virsrakstiem industriālu, zīmei līdzīgu svaru. 189 pikseļu izmērs galvenajā blokā atspoguļo zīmola raksturīgo stilu: koncentrēts, gandrīz strukturāls, nevis tipogrāfisks. Iestatījumi "ss06" un "ss10" aktivizē alternatīvas burtu formas un atstarpes, lai iegūtu agresīvāku, koncentrētāku ritmu. Pozitīva burtu atstarpe (+0,02em) ir neparasta šiem attēlojuma izmēriem un novērš saspiesta teksta sajūtu 80–189 pikseļu izmērā.
- DM Sans — nomaiņa: Inter · kontūras 500 (Medium only — never Regular or Bold) · Galvenā teksta, navigācijas saišu, pogu nosaukumu un sekundāro virsrakstu lielums ir līdz 30 pikseļiem. Vidējais fonta biezums tika izvēlēts apzināti — parastais fonts izskatītos pārāk plāns uz īpaši treknā virsraksta fonta fona, un treknraksts ar to konkurētu. DM Sans rada humānistisku, nedaudz ģeometrisku kontrapunktu industriālajam virsraksta fontam.
- System sans-serif — nomaiņa: Inter · kontūras 400 · Paraksti, metateksts, datumi, mikrobirkas. Izmanto tikai 12 pikseļu izšķirtspējā, kur svars un zīmola atpazīstamība ir mazāk svarīga nekā izmēra ietaupījums.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | vidēji |
| Pamata solis | 16px |
| Pogas rādiuss | 40px |
| Kartes rādiuss | 40px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 80px |
| Lapas platums | 1280px |
Mākslīgais intelekts izveidos jūsu vietni Caldera stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- teenage engineering — Industriālais katalogs studijas apgaismojumā — produkts ir vienīgais nozīmīgais objekts lapā, un viss pārējais tiek apspriests ap to
- basement — Tukša tipogrāfija pulksten 3 naktī – milzīgi, saspiesti fonti izkaisīti pa piķa melno gaisotni, viena oranžas gaismas mirdzums navigācijas joslā, viss pārējais balts vai spocīgi pelēks.
- amra — Zaigojoša sfēra uz balta fona — lavandas akcents ir vienīgais krāsu pulss uz gandrīz pilnīgi ahromatiskas lapas, un vienkrāsainā gradienta sfēra veic to pašu darbu, ko parasti veic galvenā ilustrācija.
- Stink Studios — Filmu studija pusnaktī — projektors dūc, istaba ir tumša, deg tikai filma
- Andrei Rybin — Monohroma skicēšanas burtnīca ir dizainera piezīmju grāmatiņa, kurā tālruņu ekrāni ir piestiprināti pie baltas sienas kā kontaktu lapas.
- Uniswap Cup — eSporta sacensības tiek pārraidītas maketa vietnē, kur rozā marķieris iezīmē baltu kvadrātu un plānu līniju režģi.
- Freytag Anderson — Kino priekškars paceļas pie viena vārda. Visu ekrānu aizņem milzīgs kustīgs attēls, zīmola nosaukums atrodas stūrī kā titrs, un nekas cits nenovērš uzmanību.
- Integrated Biosciences — Bioluminiscences laboratorija pusnaktī
- Vercel — Terminālis, kas iespiests uz balta papīra
- Mintlify — Mākoņu dārzs virs stikla galda. Ar roku zīmētās debesis un dokumentālā filma ir kadrēti kopā — vienīgā vieta, kur krāsa un koncepcija saduras, pirms lapa izgaist klostera baltumā.
- Gleap — Darba telpa, kas iekārtota siltos krēmkrāsas toņos ar grafīta akcentiem, — studija, kurā virs lina arhitektūras šķietami peld matēti melni tintes punktiņi.
- ClickUp — Spēcīgs informācijas panelis uz balta marmora. Lapa ir produktivitātes rīka produkta brošūra, tāpēc vizuālā valoda ir aizgūta no paša produkta: blīvi saraksti, statusa indikatori, avatāru grupas un treknrakstā izrunāti tipogrāfiski paziņojumi, kas izskatās pēc attēlotas produkta specifikācijas.