
Caldera
Schmiede Feier op waarmem Kalksteen. D'Leinwand ass aus rauem, waarmem Gips, an all orange Element gesäit aus wéi schmëlzend Gluten, déi an d'Uewerfläch gedréckt sinn.
Caldera funktionéiert op enger waarmer Kalksteenleinwand, déi a geschmoltenem Orange gebadet ass. D'Grenzfläche ass flaach a schattenlos, sou datt déi ultra-kräfteg, kondenséiert Schrëft op enger bal architektonescher Skala (bis zu 189px) déi ganz strukturell Laascht droe kann. Eng eenzeg lieweg Orange (#fc5000) handelt als eenzegen, aggressiven chromateschen Akzent virun engem Hannergrond vu monochromen, waarme Grotéin, Plasma-Violett ass fir d'Haaptrasterbild reservéiert a Schwefelgiel fir Tags. Déi visuell Sprooch ass vulkanesch: kondenséiert, schwéier Buschtawen, Rasterpunktmuster, 40px Radien op Kaarten a Knäppercher, an 800px pillefërmeg Kontrollen - Wäermt agespaart an enger mëller, pabeierähnlecher Uewerfläch.
Déi visuell Palette ass minimalistesch an duerchduecht. D'Haaptfenster benotzt en abstrakt Halleftonmuster (orange Punkten op engem violett-op-orange Gradient) amplaz vun enger Foto - et déngt net als Dekoratioun, mä als artisteschen Ausdrock vun der Mark. Kaarte mat Produktinformatiounen an Ukënnegunge benotzen entweder zolidd Ember-Blöcken oder en Hallefton-Plasma-Violett als Bildfëllungen, wat e vereenegt grafescht System bitt. Partner-/Integratiounslogoen erschéngen als monochrom Ikonen op engem hellen Hannergrond. Et gi keng Fotoen, 3D-Renderungen oder Lifestyle-Biller. D'Ikone si kleng, monochrom a minimalistesch - Discord, X an Telegram sinn an der Navigatioun als einfach Glyphen placéiert. Déi visuell Sprooch ass grafesch an redaktionell, net fotografesch: et gläicht éischter Posterdesign wéi Stockbiller.
Palette
Mark
- Ember
#fc5000— Haaptaktiounsknäppercher, Statistikkaarten a wichteg visuell Akzenter sinn déi eenzeg aggressiv Faarfakzenter; hire Räichtum géint déi waarm gro Téin kreéiert e Gefill vun Dringlechkeet ouni datt zousätzlech dekorativ Elementer gebraucht ginn. - Plasma Violet
#524ae9— Haapt-Rastergradientbasis, eng zousätzlech Kaartuewerfläch - Bal ausschliisslech am Haaptpunktmuster an op enger spezieller Kaart benotzt; ni fir Kontrollen benotzt.
Neutral
- Sulfur
#f5f28e— Den Hannergrond fir d'Tag- a Kategorie-Ikonen, kleng Highlights, ass eng mëll giel Faarf, déi benotzt gëtt fir Blogartikelkategorien an Ukënnegunge vum Programm unzeweisen. - Limestone
#f7f6f2— Kaarteflächen, Hannergrënn vun Inhaltsblocken an zousätzlech Knäppefëllungen hunn eng méi hell, méi waarm Wäissfaarf, déi d'Elementer géint d'Leinwand eraussteche léisst. - Pumice
#e2e2df— Den Haapthannergrond vun der Säit ass e waarme Mëttelgro, deen als Basis fir all Sektioun déngt; en ass liicht méi däischter wéi d'Uewerfläch vum Karton, wat eng subtil Trennung vu Figur an Hannergrond ouni Schied erméiglecht. - Obsidian
#070607— Den Haapttext, d'Iwwerschrëften, den Linktext an d'Knäppercherrahmen si bal schwaarz mat engem kaum merkbare waarmen Téin, deen zu de waarme Faarwen vum Leinwand passt. - Chalk
#ffffff— Text an donkelen Deeler, Agabetext op donkelen Hannergrënn, Iwwerlagerungen mat héijem Kontrast - reng Wäiss gëtt nëmme benotzt, wou e maximale Kontrast mat donkelen Uewerfläche erfuerderlech ass.
Typographie
vun 12 bis 189px · 10 Schrëtt
- PP Neue Corp Compact — Ersatz: Bebas Neue · Konturen 400 (Ultrabold cut) · All Iwwerschrëften an Displaytext. Eng speziell entworf, kondenséiert, ultra-fett Schrëft gëtt den Iwwerschrëften eng industriell, schëldeähnlech Gewiicht. Déi 189px Gréisst am Haaptblock reflektéiert de Markenzeechestil: kondenséiert, bal strukturell anstatt typographesch. D'Astellungen "ss06" an "ss10" aktivéieren alternativ Buschtawenformen an Ofstänn fir e méi aggressiven, kondenséierte Rhythmus. Positiv Buschtawenofstänn (+0.02em) ass ongewéinlech fir Displaygréissten a verhënnert e Gefill vun enker Text bei 80–189px.
- DM Sans — Ersatz: Inter · Konturen 500 (Medium only — never Regular or Bold) · Den Haapttext, d'Navigatiounslinks, d'Knäppchenbeschrëftungen an d'Nieweniwwerschrëfte sinn bis zu 30px grouss. Déi mëttel Schrëftgréisst gouf bewosst gewielt - Regular géif ze dënn ausgesinn am Verglach mat der extra fettgedréckter Iwwerschrëftenschrëft, a Bold géif domat konkurréieren. DM Sans erstellt e mënschlecht, liicht geometrescht Géigepunkt zu der industrieller Iwwerschrëftenschrëft.
- System sans-serif — Ersatz: Inter · Konturen 400 · Ënnerschrëften, Metatext, Datumer, Microtags. Nëmmen an 12px benotzt, wou Gewiicht a Markenerkennung manner wichteg si wéi d'Spueren op Gréisst.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | duerchschnëttlech |
| Basis Schrëtt | 16px |
| Knäppchenradius | 40px |
| Kaarteradius | 40px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 80px |
| Säitebreet | 1280px |
KI baut Är Websäit am Stil vun Caldera op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- teenage engineering — Industriellen Katalog an der Studiobeliichtung - d'Produkt ass dat eenzegt bedeitend Objet op der Säit, an alles anescht gëtt ronderëm diskutéiert.
- basement — Eng eidel Dréckmaschinn um 3 Auer moies – riseg, kompriméiert Schrëften, déi sech iwwer dat stockdäischtert verdeelen, e eenzege Schimmer orange Liicht op der Navigatiounsbar, alles anescht wäiss oder geeschtergro.
- amra — Eng iriséierend Kugel op engem wäissen Hannergrond – den lavendelfarbenen Akzent ass deen eenzege Faarfpuls op enger bal perfekt achromatescher Säit, an déi eenzel Gradientkugel mécht d'Aarbecht, déi d'Haaptillustratioun normalerweis mécht.
- Stink Studios — E Filmstudio um Mëtternuecht - de Projektor brummt, d'Zëmmer ass däischter, nëmmen de Film ass beliicht
- Andrei Rybin — E monochrome Skizzenbuch ass en Designer-Notizbuch, an deem Telefonsbildschirmer wéi Kontaktblieder un eng wäiss Mauer befestegt sinn.
- Uniswap Cup — D'Iwwerdroung vum eSports-Concours fënnt op enger Mock-up-Säit statt - e rosa Marker beschreift e Raster aus wäisse Quadraten an dënne Linnen.
- Freytag Anderson — De Kino-Rideau geet bei engem eenzege Wuert op. E risegt bewegt Bild hëlt de ganze Leinwand an, den Numm vun der Mark setzt sech an der Eck wéi en Titel, an näischt anescht lenkt of.
- Integrated Biosciences — Biolumineszenzlaboratoire ëm Mëtternuecht
- Vercel — Terminal op wäissem Pabeier gedréckt
- Mintlify — E Wollekegaart iwwer engem Glasdësch. Den handgezeechenten Himmel an den Dokumentarfilm sinn zesummegerummt - déi eenzeg Plaz wou Faarf a Konzept zesummekommen, ier d'Säit a monastescht Wäiss verschwënnt.
- Gleap — E Schaffplatz a waarme Crèmetéin mat Graphitakzenter dekoréiert – e Studio, wou matt schwaarz Tëntpunkten iwwer der Léngenarchitektur schéngen ze schwiewen.
- ClickUp — En mächtegt Dashboard op wäissem Marmer. D'Säit ass eng Produktbroschür fir en Produktivitéitsinstrument, sou datt d'visuell Sprooch vum Produkt selwer iwwerholl gëtt: dicht Lëschten, Statusindikatoren, Gruppe vun Avataren a fettgedréckte typographesch Aussoen, déi ausgesinn wéi eng Produktspezifikatioun um Display.