
Caldera
Smie ild på varm kalkstein. Lerretet er av rå, varm gips, og hvert oransje element ser ut som ulmende glør presset inn i overflaten.
Caldera opererer på et varmt kalksteinslerret, badet i smeltet oransje. Grensesnittet er flatt og skyggeløst, noe som lar den ultrasterke, kondenserte typen i en nesten arkitektonisk skala (opptil 189 piksler) bære hele den strukturelle belastningen. En enkelt levende oransje (#fc5000) fungerer som den eneste, aggressive kromatiske aksenten mot en bakgrunn av monokrome, varme gråtoner, plasmalilla er reservert for hovedhalvtonebildet og svovelgul for tagger. Det visuelle språket er vulkansk: kondenserte, tunge bokstaver, halvtoneprikkmønstre, 40 pikslers radius på kort og knapper, og 800 pikslers pilleformede kontroller – varme innkapslet i en myk, papirlignende overflate.
Den visuelle paletten er minimalistisk og gjennomtenkt. Hovedvinduet bruker et abstrakt halvtonemønster (oransje prikker på en lilla-til-oransje gradient) i stedet for et fotografi – det fungerer ikke som dekorasjon, men som et kunstnerisk uttrykk for merkevaren. Kort med produktinformasjon og kunngjøringer bruker enten heldekkende Ember-blokker eller en halvtone plasmafiolett som bildefyll, noe som gir et enhetlig grafisk system. Partner-/integrasjonslogoer vises som monokrome ikoner på en lys bakgrunn. Det finnes ingen fotografier, 3D-gjengivelser eller livsstilsbilder. Ikonene er små, monokrome og minimalistiske – Discord, X og Telegram er plassert i navigasjonen som enkle tegn. Det visuelle språket er grafisk og redaksjonelt, ikke fotografisk: det ligner plakatdesign snarere enn arkivbilder.
Palett
Merke
- Ember
#fc5000— Primære handlingsknapper, statistikkkort og viktige visuelle aksenter er de eneste aggressive fargeaksentene; dens fylde mot de varme gråtonene skaper en følelse av at det haster uten behov for ekstra dekorative elementer. - Plasma Violet
#524ae9— Hovedbase for halvtonegradient, én ekstra kortoverflate – Brukes nesten utelukkende i hovedprikkmønsteret og på ett dedikert kort; aldri brukt til kontroller.
Nøytral
- Sulfur
#f5f28e— Bakgrunnen for tag- og kategoriikonene, små fremhevinger, er en myk gul farge som brukes til å indikere blogginnleggskategorier og programkunngjøringer. - Limestone
#f7f6f2— Kortoverflater, bakgrunner for innholdsblokker og ekstra knappefyll har en lysere, varmere hvitnyanse som gjør at elementene skiller seg ut mot lerretet. - Pumice
#e2e2df— Hovedbakgrunnen på siden er en varm mellomgrå farge som fungerer som grunnlag for hver seksjon; den er litt mørkere enn overflaten på kartongen, noe som gir en subtil separasjon av figur og bakgrunn uten skygger. - Obsidian
#070607— Hovedteksten, overskriftene, lenketeksten og knapperammene er nesten svarte med en knapt merkbar varm fargetone som matcher de varme fargene på lerretet. - Chalk
#ffffff— Tekst i mørke seksjoner, inntastingstekst på mørk bakgrunn, overlegg med høy kontrast – Ren hvit brukes kun der maksimal kontrast med mørke overflater er nødvendig.
Typografi
fra 12 til 189 piksler · 10 trinn
- PP Neue Corp Compact — erstatning: Bebas Neue · omriss 400 (Ultrabold cut) · Alle overskrifter og visningstekst. En spesialdesignet, kondensert og ultrafet skrifttype gir overskriftene en industriell, skiltlignende tyngde. Størrelsen på 189 piksler i hovedblokken gjenspeiler merkets signaturstil: kondensert, nesten strukturell snarere enn typografisk. Innstillingene «ss06» og «ss10» aktiverer alternative bokstavformer og avstand for en mer aggressiv, kondensert rytme. Positiv bokstavavstand (+0,02 em) er uvanlig for visningsstørrelser og forhindrer en følelse av trang tekst ved 80–189 piksler.
- DM Sans — erstatning: Inter · omriss 500 (Medium only — never Regular or Bold) · Hovedteksten, navigasjonslenkene, knappetikettene og sekundære overskrifter er opptil 30 piksler. Den middels store skrifttykkelsen ble valgt bevisst – Regular ville se for tynn ut mot den ekstra fete overskriftsskriften, og Bold ville konkurrere med den. DM Sans skaper et humanistisk, litt geometrisk motstykke til den industrielle overskriftsskriften.
- System sans-serif — erstatning: Inter · omriss 400 · Teksting, metatekst, datoer, mikrotagger. Brukes kun i 12 piksler, der vekt og merkegjenkjenning er mindre viktig enn å spare på størrelse.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | gjennomsnittlig |
| Grunnleggende trinn | 16px |
| Knapperadius | 40px |
| Kortradius | 40px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 80px |
| Sidebredde | 1280px |
AI vil bygge nettstedet ditt i Caldera -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- teenage engineering — Industriell katalog innen studiobelysning – produktet er det eneste viktige objektet på siden, og alt annet diskuteres rundt det.
- basement — En tom trykkpresse klokken 03.00 – enorme, komprimerte skrifttyper som sprer seg over bekmørket, et enkelt glimt av oransje lys på navigasjonslinjen, alt annet hvitt eller spøkelsesaktig grått.
- amra — En iriserende kule på hvit bakgrunn – lavendelaksenten er den eneste fargepulsen på en nesten perfekt akromatisk side, og den enkle gradientkulen gjør jobben som hovedillustrasjonen vanligvis gjør.
- Stink Studios — Et filmstudio ved midnatt – projektoren summer, rommet er mørkt, bare filmen er opplyst
- Andrei Rybin — En monokrom skissebok er en designernotatbok der telefonskjermer er festet til en hvit vegg som kontaktark.
- Uniswap Cup — Sendingen av eSports-konkurransen foregår på en mockup-side – en rosa markør skisserer et rutenett med hvite firkanter og tynne linjer.
- Freytag Anderson — Kinoteppet går opp på et enkelt ord. Et stort levende bilde tar opp hele skjermen, merkenavnet ligger i hjørnet som en tittel, og ingenting annet distraherer.
- Integrated Biosciences — bioluminescenslaboratorium ved midnatt
- Vercel — Terminal trykt på hvitt papir
- Mintlify — En skyhage over et glassbord. Den håndtegnede himmelen og dokumentaren er innrammet sammen – det eneste stedet hvor farge og konsept kolliderer før siden falmer inn i klosterhvitt.
- Gleap — Et arbeidsområde innredet i varme kremtoner med grafittaksenter – et studio hvor matte, svarte blekkprikker ser ut til å sveve over linarkitekturen.
- ClickUp — Et kraftig dashbord på hvit marmor. Siden er en produktbrosjyre for et produktivitetsverktøy, så det visuelle språket er lånt fra selve produktet: tette lister, statusindikatorer, grupper av avatarer og dristige typografiske utsagn som ser ut som en produktspesifikasjon på skjermen.