Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukutviklerUtvikling av AI-verktøy for bedrifter. Høy kvalitet. Rimelig.Skriv på Telegram
Caldera — en forhåndsvisning av et nettsted i denne stilen

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

HensiktBetydning
Tetthetgjennomsnittlig
Grunnleggende trinn16px
Knapperadius40px
Kortradius40px
Skyggeringen grenser i stedet for skygger
Mellom seksjoner80px
Sidebredde1280px

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.