
Caldera
Smed ild på varm kalksten. Lærredet er lavet af rå, varm gips, og hvert orange element ligner ulmende gløder presset ned i overfladen.
Caldera opererer på et varmt kalkstenslærred, badet i smeltet orange. Grænsefladen er flad og skyggeløs, hvilket tillader den ultra-drikke, kondenserede skrift i en næsten arkitektonisk skala (op til 189px) at bære hele den strukturelle belastning. En enkelt levende orange (#fc5000) fungerer som den eneste, aggressive kromatiske accent mod en baggrund af monokrome, varme gråtoner, plasmalilla er reserveret til det primære rasterbillede og svovlgul til tags. Det visuelle sprog er vulkansk: kondenserede, tunge bogstaver, rasterprikmønstre, 40px radier på kort og knapper og 800px pilleformede kontroller - varme indkapslet i en blød, papirlignende overflade.
Den visuelle palet er minimalistisk og gennemtænkt. Hovedvinduet bruger et abstrakt halvtonemønster (orange prikker på en lilla-til-orange gradient) i stedet for et fotografi – det fungerer ikke som dekoration, men som et kunstnerisk udtryk for brandet. Kort med produktinformation og annonceringer bruger enten solide Ember-blokke eller en halvtone Plasma Violet som billedfyld, hvilket giver et samlet grafisk system. Partner-/integrationslogoer vises som monokrome ikoner på en lys baggrund. Der er ingen fotografier, 3D-gengivelser eller livsstilsbilleder. Ikonerne er små, monokrome og minimalistiske – Discord, X og Telegram er placeret i navigationen som simple glyffer. Det visuelle sprog er grafisk og redaktionelt, ikke fotografisk: det ligner plakatdesign snarere end stockbilleder.
Palet
Mærke
- Ember
#fc5000— Primære handlingsknapper, statistikkort og vigtige visuelle accenter er de eneste aggressive farveaccenter; dens rigdom mod de varme gråtoner skaber en følelse af hastværk uden behov for yderligere dekorative elementer. - Plasma Violet
#524ae9— Primær halvtonegradientbase, én ekstra kortoverflade - Bruges næsten udelukkende i hovedprikmønsteret og på ét dedikeret kort; aldrig brugt til kontrolelementer.
Neutral
- Sulfur
#f5f28e— Baggrunden for tag- og kategoriikonerne, små fremhævninger, er en blød gul farve, der bruges til at angive blogindlægskategorier og programmeddelelser. - Limestone
#f7f6f2— Kortoverflader, baggrunde for indholdsblokke og ekstra knapudfyldninger har en lysere, varmere hvid nuance, der får elementerne til at skille sig ud mod sidens lærred. - Pumice
#e2e2df— Sidens primære baggrund er en varm mellemgrå farve, der fungerer som fundament for hvert afsnit; den er en smule mørkere end kartonets overflade, hvilket giver mulighed for en diskret adskillelse af figur og baggrund uden skygger. - Obsidian
#070607— Hovedteksten, overskrifterne, linkteksten og knaprammerne er næsten sorte med en næppe mærkbar varm farvetone, der matcher lærredets varme farver. - Chalk
#ffffff— Tekst i mørke sektioner, inputtekst på mørke baggrunde, overlejringer med høj kontrast - Ren hvid bruges kun, hvor der kræves maksimal kontrast med mørke overflader.
Typografi
fra 12 til 189px · 10 trin
- PP Neue Corp Compact — udskiftning: Bebas Neue · konturer 400 (Ultrabold cut) · Alle overskrifter og displaytekst. En specialdesignet, kondenseret og ultrafed skrifttype giver overskrifterne en industriel, skiltlignende tyngde. Størrelsen på 189px i hovedblokken afspejler brandets signaturstil: kondenseret, næsten strukturel snarere end typografisk. Indstillingerne "ss06" og "ss10" aktiverer alternative bogstavformer og afstand for en mere aggressiv, kondenseret rytme. Positiv bogstavafstand (+0,02em) er usædvanlig for displaystørrelser og forhindrer en følelse af trang tekst ved 80-189px.
- DM Sans — udskiftning: Inter · konturer 500 (Medium only — never Regular or Bold) · Hovedteksten, navigationslinks, knapnavne og sekundære overskrifter er op til 30px. Den mellemstore skriftvægt blev valgt bevidst – Regular ville se for tynd ud i forhold til den ekstra fede overskriftsskrifttype, og Bold ville konkurrere med den. DM Sans skaber et humanistisk, let geometrisk modspil til den industrielle overskriftsskrifttype.
- System sans-serif — udskiftning: Inter · konturer 400 · Billedtekster, metatekst, datoer, mikrotags. Bruges kun i 12px, hvor vægt og brandgenkendelse er mindre vigtige end at spare på størrelse.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | gennemsnit |
| Grundlæggende trin | 16px |
| Knapradius | 40px |
| Kortradius | 40px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 80px |
| Sidebredde | 1280px |
AI vil bygge din hjemmeside i Caldera -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- teenage engineering — Industrielt katalog inden for studiebelysning - produktet er det eneste væsentlige objekt på siden, og alt andet diskuteres omkring det.
- basement — En tom trykpresse klokken 3 om natten – enorme, komprimerede skrifttyper, der spreder sig hen over det kulsorte, et enkelt glimt af orange lys på navigationslinjen, alt andet hvidt eller spøgelsesagtigt gråt.
- amra — En iriserende kugle på en hvid baggrund – lavendelfarvet accent er den eneste farvepuls på en næsten perfekt akromatisk side, og den enkelte gradientkugle udfører det arbejde, som hovedillustrationen normalt gør.
- Stink Studios — Et filmstudie ved midnat - projektoren summer, rummet er mørkt, kun filmen er oplyst
- Andrei Rybin — En monokrom skitsebog er en designer-notesbog, hvor telefonskærme er fastgjort til en hvid væg som kontaktark.
- Uniswap Cup — Udsendelsen af eSports-konkurrencen finder sted på en mockup-side - en lyserød markør skitserer et gitter af hvide firkanter og tynde linjer
- Freytag Anderson — Biograftæppet går op ved et enkelt ord. Et enormt levende billede fylder hele skærmen, mærkenavnet sidder i hjørnet som en kreditering, og intet andet distraherer.
- Integrated Biosciences — bioluminescenslaboratorium ved midnat
- Vercel — Terminal trykt på hvidt papir
- Mintlify — En skyhave over et glasbord. Den håndtegnede himmel og dokumentaren er indrammet sammen – det eneste sted, hvor farve og koncept mødes, før siden falmer i klosterhvid.
- Gleap — Et arbejdsområde indrettet i varme cremefarvede toner med grafitfarvede accenter – et studie, hvor matte sorte blækprikker synes at svæve over linnedarkitekturen.
- ClickUp — Et kraftfuldt dashboard på hvid marmor. Siden er en produktbrochure til et produktivitetsværktøj, så det visuelle sprog er lånt fra selve produktet: tætte lister, statusindikatorer, grupper af avatarer og dristige typografiske udsagn, der ligner en produktspecifikation på display.