
Caldera
Kovácstűz meleg mészkőn. A vászon nyers, meleg gipsz, és minden narancssárga elem úgy néz ki, mint a felületbe préselt parázs.
A Caldera egy meleg mészkő vásznon dolgozik, olvadt narancssárga fürdővel. A kezelőfelület sík és árnyékmentes, így a közel építészeti léptékű (akár 189 képpontos) ultramerész, sűrített betűtípus viseli a teljes szerkezeti terhet. Egyetlen élénk narancssárga (#fc5000) az egyetlen, agresszív kromatikus akcentus a monokróm, meleg szürkeárnyalatos háttér előtt, a plazmalila a fő félárnyalatos képnek, a kénsárga pedig a címkéknek van fenntartva. A vizuális nyelv vulkanikus: sűrített, nehéz betűk, félárnyalatos pontminták, 40 képpontos sugarak a kártyákon és gombokon, valamint 800 képpontos, pirula alakú vezérlők – melegség egy puha, papírszerű felületbe zárva.
A vizuális paletta minimalista és átgondolt. A főablak absztrakt félárnyalatos pontmintát (narancssárga pontok lilától narancssárgáig terjedő átmeneten) használ fénykép helyett – ez nem dekorációként, hanem a márka művészi kifejezéseként szolgál. A termékinformációkat és bejelentéseket tartalmazó kártyák vagy tömör Ember blokkokat, vagy félárnyalatos Plazma Violet színt használnak képkitöltésként, egységes grafikai rendszert biztosítva. A partner/integrációs logók monokróm ikonokként jelennek meg világos háttéren. Nincsenek fényképek, 3D renderelések vagy életmód képek. Az ikonok kicsik, monokrómok és minimalisták – a Discord, az X és Telegram egyszerű karakterjelekként találhatók a navigációban. A vizuális nyelv grafikus és szerkesztői, nem pedig fényképészeti: inkább plakáttervezésre hasonlít, mint stock képekre.
Paletta
Márka
- Ember
#fc5000— Az elsődleges akciógombok, a statisztikakártyák és a kulcsfontosságú vizuális kiegészítők az egyetlen agresszív színbeli akcentusok; a meleg szürkeárnyalatokkal szembeni gazdagságuk sürgető érzetet kelt további díszítőelemek nélkül. - Plasma Violet
#524ae9— Fő félárnyék színátmenet alap, egy további kártyafelület – Szinte kizárólag a fő pontmintázatban és egy dedikált kártyán használják; soha nem használják vezérlőkhöz.
Semleges
- Sulfur
#f5f28e— A címke- és kategóriaikonok háttere, amelyek apró kiemelések, halványsárga színű, a blogbejegyzések kategóriáit és a programbejelentéseket jelöli. - Limestone
#f7f6f2— A kártyafelületek, a tartalomblokkok hátterei és a további gombkitöltések világosabb, melegebb fehér árnyalatúak, ami kiemeli az elemeket az oldalvásznon. - Pumice
#e2e2df— Az oldal fő háttere egy meleg középszürke, amely az egyes részek alapjául szolgál; kissé sötétebb, mint a kartonpapír felülete, lehetővé téve az alak és a háttér finom, árnyékmentes elválasztását. - Obsidian
#070607— A fő szöveg, a címsorok, a linkek szövege és a gombok keretei szinte feketék, alig észrevehető meleg árnyalattal, amely illeszkedik a vászon meleg színeihez. - Chalk
#ffffff— Sötét részeken lévő szöveg, sötét háttéren lévő beviteli szöveg, nagy kontrasztú átfedések – a tiszta fehér színt csak ott használják, ahol maximális kontrasztra van szükség a sötét felületekkel.
Tipográfia
12-től 189 képpontig · 10 lépésben
- PP Neue Corp Compact — csere: Bebas Neue · körvonalak 400 (Ultrabold cut) · Minden címsor és megjelenített szöveg. Az egyedi tervezésű, tömörített, ultra-félkövér betűtípus ipari, jelzésszerű súlyt kölcsönöz a címsoroknak. A fő blokk 189 képpontos mérete tükrözi a márka jellegzetes stílusát: tömör, inkább strukturális, mint tipográfiai. Az „ss06” és az „ss10” beállítások alternatív betűformákat és térközöket aktiválnak az agresszívabb, tömörebb ritmus érdekében. A pozitív betűköz (+0,02em) szokatlan a megjelenítési méreteknél, és megakadályozza a zsúfolt szöveg érzetét 80–189 képpont között.
- DM Sans — csere: Inter · körvonalak 500 (Medium only — never Regular or Bold) · A fő szöveg, a navigációs linkek, a gombfeliratok és a másodlagos címsorok legfeljebb 30 képpontosak. A közepes betűvastagságot szándékosan választottuk – a normál túl vékonynak tűnne az extra félkövér címsor betűtípus mellett, a félkövér pedig versenyezne vele. A DM Sans egy humanista, enyhén geometrikus ellenpontot hoz létre az ipari címsor betűtípussal szemben.
- System sans-serif — csere: Inter · körvonalak 400 · Feliratok, metaszöveg, dátumok, mikrocímkék. Csak 12 képpontos méretben használatos, ahol a súly és a márkaismertség kevésbé fontos, mint a méretmegtakarítás.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | átlagos |
| Alapvető lépés | 16px |
| Gomb sugara | 40px |
| Kártya sugara | 40px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 80px |
| Oldal szélessége | 1280px |
A mesterséges intelligencia Caldera stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- teenage engineering — Stúdióvilágításban használt ipari katalógus - a termék az egyetlen jelentős objektum az oldalon, és minden mást körülötte tárgyalnak
- basement — Egy üres nyomdagép hajnali 3-kor – hatalmas, tömörített betűtípusok terültek el a koromsötétben, egyetlen narancssárga fény villanása a navigációs sávon, minden más fehér vagy szellemszürke.
- amra — Egy irizáló gömb fehér alapon – a levendulaszínű akcentus az egyetlen színlüktetés egy szinte tökéletesen akromatikus oldalon, és az egyetlen színátmenetes gömb elvégzi azt a munkát, amit a fő illusztráció általában.
- Stink Studios — Egy filmstúdió éjfélkor - a vetítő búg, a szoba sötét, csak a film világít
- Andrei Rybin — A monokróm vázlatfüzet egy dizájner jegyzetfüzet, amelyben a telefonok képernyői kontaktlapokként vannak rögzítve egy fehér falhoz.
- Uniswap Cup — Az eSport verseny közvetítése egy makett helyszínen zajlik - egy rózsaszín jelölő fehér négyzetekből és vékony vonalakból álló rácsot vázol fel.
- Freytag Anderson — A mozifüggöny egyetlen szóra gördül fel. Egy hatalmas mozgókép tölti be az egész képernyőt, a márkanév a sarokban áll, mint egy kredit, és semmi más nem vonja el a figyelmet.
- Integrated Biosciences — biolumineszcencia labor éjfélkor
- Vercel — Fehér papírra nyomtatott terminál
- Mintlify — Egy üvegasztal feletti felhőkert. A kézzel rajzolt égbolt és a dokumentumfilm egy képkockában jelenik meg – az egyetlen hely, ahol a szín és a koncepció találkozik, mielőtt az oldal szerzetesi fehérségbe olvad.
- Gleap — Meleg krémszínűekkel és grafit díszítésű munkaterület – egy stúdió, ahol matt fekete tintapöttyök lebegnek a vászonarchitektúra felett.
- ClickUp — Egy hatékony, fehér márványon alapuló műszerfal. Az oldal egy hatékonyságnövelő eszköz termékismertetője, így a vizuális nyelvet magától a terméktől kölcsönöztük: sűrű listák, állapotjelzők, avatarcsoportok és félkövér tipográfiai utasítások, amelyek egy kihelyezett termékleírásra hasonlítanak.