
Caldera
Smeie fjoer op waarme kalkstien. It doek is rau, waarm gips, en elk oranje elemint liket op smeulende koalen dy't yn it oerflak parse binne.
Caldera wurket op in waarm kalkstiendoek, badend yn smelte oranje. De ynterface is flak en skaadleas, wêrtroch't it ultra-fet, kondinsearre type op in hast arsjitektoanyske skaal (oant 189px) de folsleine strukturele lading drage kin. In inkele libbene oranje (#fc5000) fungearret as it ienige, agressive chromatyske aksint tsjin in eftergrûn fan monochrome, waarme grizen, plasmapears is reservearre foar de haadrasterôfbylding, en swevelgiel foar tags. De fisuele taal is fulkanysk: kondinsearre, swiere letters, rasterpunten, 40px radii op kaarten en knoppen, en 800px pilfoarmige kontrôles - waarmte ynkapsele yn in sêft, papier-eftich oerflak.
It fisuele palet is minimalistysk en trochtocht. It haadfinster brûkt in abstrakt healtoanpatroan (oranje stippen op in pears-nei-oranje kleurferrin) ynstee fan in foto - it tsjinnet net as dekoraasje, mar as in artistike útdrukking fan it merk. Kaarten mei produktynformaasje en oankundigingen brûke of solide Ember-blokken of in healtoan Plasma Violet as ôfbyldingsvullingen, wêrtroch in ferienige grafysk systeem ûntstiet. Partner-/yntegraasjelogo's ferskine as monochrome ikoanen op in ljochte eftergrûn. D'r binne gjin foto's, 3D-render's of libbensstylôfbyldings. Ikoanen binne lyts, monochrome en minimalistysk - Discord, X en Telegram binne yn 'e navigaasje pleatst as ienfâldige glyphs. De fisuele taal is grafysk en redaksjoneel, net fotografysk: it liket op posterûntwerp ynstee fan stockôfbyldings.
Palet
Merk
- Ember
#fc5000— Primêre aksjeknoppen, statistykkaarten en wichtige fisuele aksinten binne it ienige agressive kleuraksint; de rykdom dêrfan tsjin de waarme grize toanen skept in gefoel fan urginsje sûnder de needsaak foar ekstra dekorative eleminten. - Plasma Violet
#524ae9— Haadbasis foar healtoanferrin, ien ekstra kaartoerflak - Hast allinnich brûkt yn it haadstippatroan en op ien tawijde kaart; nea brûkt foar kontrôles.
Neutraal
- Sulfur
#f5f28e— De eftergrûn foar de tag- en kategoryikoanen, lytse markearrings, is in sêfte giele kleur dy't brûkt wurdt om blogpostkategoryen en programma-oankundigingen oan te jaan. - Limestone
#f7f6f2— Kaartoerflakken, eftergrûnen fan ynhâldsblokken en ekstra knopopvullingen hawwe in lichtere, waarmer skaad fan wyt dy't de eleminten opfalle lit tsjin it pagina-doek. - Pumice
#e2e2df— De wichtichste eftergrûn fan 'e pagina is in waarm middelgriis dat tsjinnet as basis foar elke seksje; it is wat donkerder as it oerflak fan it karton, wêrtroch in subtile skieding fan figuer en eftergrûn sûnder skaden mooglik is. - Obsidian
#070607— De haadtekst, kopteksten, keppelingstekst en knopframes binne hast swart mei in amper merkbere waarme tint dy't oerienkomt mei de waarme kleuren fan it doek. - Chalk
#ffffff— Tekst yn donkere seksjes, ynfiertekst op donkere eftergrûnen, oerlagen mei heech kontrast - suver wyt wurdt allinich brûkt wêr't maksimaal kontrast mei donkere oerflakken fereaske is.
Typografy
fan 12 oant 189px · 10 stappen
- PP Neue Corp Compact — ferfanging: Bebas Neue · sketsen 400 (Ultrabold cut) · Alle kopteksten en werjeftetekst. In spesjaal ûntworpen, komprimearre, ultra-fet lettertype jout de kopteksten in yndustrieel, teken-eftige gewicht. De grutte fan 189px yn it haadblok reflektearret de karakteristike styl fan it merk: komprimearre, hast struktureel ynstee fan typografysk. De ynstellingen "ss06" en "ss10" aktivearje alternative letterfoarmen en ôfstân foar in agressiver, komprimearre ritme. Positive letterôfstân (+0.02em) is ûngewoan foar werjeftegrutte en foarkomt in gefoel fan krappe tekst by 80–189px.
- DM Sans — ferfanging: Inter · sketsen 500 (Medium only — never Regular or Bold) · De haadtekst, navigaasjekeppelings, knoplabels en sekundêre kopteksten binne maksimaal 30 piksels. It middelgrutte lettertype is bewust keazen - Regular soe te tin útsjen tsjin it ekstra fetdrukte koptekstlettertype, en Bold soe dêrmei konkurrearje. DM Sans makket in humanistysk, wat geometrysk tsjinpunt foar it yndustriële koptekstlettertype.
- System sans-serif — ferfanging: Inter · sketsen 400 · Underskriften, metatekst, datums, mikrotags. Allinnich brûkt yn 12px, dêr't gewicht en merkherkenning minder wichtich binne as it besparjen op grutte.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | trochsneed |
| Basisstap | 16px |
| Knopradius | 40px |
| Kaartradius | 40px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 80px |
| Sidebreedte | 1280px |
AI sil jo webside bouwe yn Caldera -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- teenage engineering — Yndustriële katalogus yn studioferljochting - it produkt is it ienige wichtige objekt op 'e pagina, en alles oars wurdt deromhinne besprutsen
- basement — In lege parse om 3 oere moarns - enoarme, komprimearre lettertypen dy't oer it piktsjuster ferspraat binne, in inkele glimp fan oranje ljocht op 'e navigaasjebalke, alles oars wyt of spoekachtich griis.
- amra — In iriserende bol op in wite eftergrûn - it lavendelaksint is de ienige kleurpuls op in hast perfekt achromatyske pagina, en de ienige gradiëntbol docht it wurk dat de haadyllustraasje normaal docht.
- Stink Studios — In filmstudio om middernacht - de projektor bromt, de keamer is tsjuster, allinnich de film is ferljochte
- Andrei Rybin — In monochroom sketsboek is in ûntwerpersnotebook wêryn tillefoanskermen oan in wite muorre fêstmakke binne lykas kontaktblêden.
- Uniswap Cup — De útstjoering fan 'e eSports-kompetysje fynt plak op in mock-up-side - in rôze marker sketst in raster fan wite fjouwerkanten en tinne linen
- Freytag Anderson — It bioskoopdoek giet op by ien wurd. In enoarm bewegend byld nimt it hiele skerm yn beslach, de merknamme sit yn 'e hoeke as in titel, en neat oars leidt ôf.
- Integrated Biosciences — bioluminesinsjelaboratoarium om middernacht
- Vercel — Terminal printe op wyt papier
- Mintlify — In wolkentún boppe in glêzen tafel. De mei de hân tekene loft en dokumintêre binne tegearre ynkaderd - it ienige plak dêr't kleur en konsept botsje foardat de pagina yn kleasterwyt ferdwynt.
- Gleap — In wurkromte ynrjochte yn waarme crèmekleurige toanen mei grafytaksinten - in studio dêr't matte swarte inketstippen boppe de linnen arsjitektuer lykje te sweeven.
- ClickUp — In krêftich dashboard op wyt moarmer. De pagina is in produktbrosjuere foar in produktiviteitsark, dus de fisuele taal is liend fan it produkt sels: tichte listen, statusindikatoaren, groepen avatars en fetdrukte typografyske útspraken dy't lykje op in produktspesifikaasje op it skerm.