
Caldera
Forgia u focu nantu à u calcariu caldu. A tela hè di gesso crudu è caldu, è ogni elementu aranciu pare braci fumanti pressate in a superficia.
Caldera opera nantu à una tela di calcariu caldu, bagnata in aranciu fusu. L'interfaccia hè piatta è senza ombre, chì permette à u tipu ultra-audace è cundensatu à una scala quasi architettonica (finu à 189px) di purtà tuttu u caricu strutturale. Un unicu aranciu vibrante (#fc5000) agisce cum'è l'unicu accentu cromaticu aggressivu contr'à un sfondate di grigi monocromi è caldi, u viola plasma hè riservatu per l'imagine principale à mezze toni, è u giallu zolfu per i tag. U linguaghju visuale hè vulcanicu: lettere cundensate è pesanti, mudelli di punti à mezze toni, raggi di 40px nantu à carte è buttoni, è cuntrolli in forma di pillola di 800px - calore incapsulatu in una superficia dolce, simile à a carta.
A paleta visuale hè minimalista è riflessiva. A finestra principale usa un mudellu astrattu di punti à mezze toni (punti aranciu nantu à un gradiente da viola à aranciu) invece di una fotografia - ùn serve micca cum'è decorazione, ma cum'è espressione artistica di a marca. E carte cù l'infurmazioni di u produttu è l'annunzii utilizanu blocchi Ember solidi o un Plasma Violet à mezze toni cum'è riempimenti d'imagine, furnendu un sistema graficu unificatu. I loghi di i partenarii / integrazione appariscenu cum'è icone monocrome nantu à un sfondate chjaru. Ùn ci sò micca fotografie, rendering 3D o immagini di stile di vita. L'icone sò chjuche, monocrome è minimaliste - Discord, X è Telegram si trovanu in a navigazione cum'è simplici glifi. U linguaghju visuale hè graficu è editoriale, micca fotograficu: s'assumiglia à u disignu di poster piuttostu chè à l'imaghjini stock.
Paletta
Marca
- Ember
#fc5000— I buttoni d'azione primari, e carte statistiche è l'accenti visuali chjave sò l'unicu accentu di culore aggressivu; a so ricchezza contr'à i toni caldi di grisgiu crea un sensu d'urgenza senza a necessità di elementi decorativi supplementari. - Plasma Violet
#524ae9— Base di Gradiente di Mezzitoni Principale, Una Superficie di Carta Supplementare - Aduprata guasi esclusivamente in u mudellu di punti principale è nantu à una carta dedicata; mai aduprata per i cuntrolli.
Neutru
- Sulfur
#f5f28e— U sfondate per l'icone di tag è di categuria, picculi punti culminanti, hè un culore giallu chjaru utilizatu per indicà e categurie di publicazioni di blog è l'annunzii di prugrammi. - Limestone
#f7f6f2— E superfici di e carte, i sfondi di i blocchi di cuntenutu è i riempimenti di i buttoni supplementari sò una tonalità di biancu più chjara è più calda chì face chì l'elementi si distinguenu contr'à a tela di a pagina. - Pumice
#e2e2df— U fondu principale di a pagina hè un grisgiu mediu caldu chì serve da basa per ogni sezione; hè ligeramente più scuru chè a superficia di u cartone, chì permette una suttile separazione di a figura è di u fondu senza ombre. - Obsidian
#070607— U testu principale, i tituli, u testu di i ligami è i quadri di i buttoni sò guasi neri cù una tinta calda appena percettibile chì currisponde à i culori caldi di a tela. - Chalk
#ffffff— Testu in sezzioni scure, testu d'inserimentu nantu à sfondi scuri, sovrapposizioni à altu cuntrastu - U biancu puru hè adupratu solu induve hè necessariu u massimu cuntrastu cù e superfici scure.
Tipografia
da 12 à 189px · 10 passi
- PP Neue Corp Compact — rimpiazzamentu: Bebas Neue · contorni 400 (Ultrabold cut) · Tutti i tituli è u testu di visualizazione. Un carattere ultra-grassettu, cundensatu è cuncipitu à misura, dà à i tituli un pesu industriale, simile à un segnu. A dimensione di 189px in u bloccu principale riflette u stile distintivu di a marca: cundensatu, guasi strutturale piuttostu chè tipograficu. L'impostazioni "ss06" è "ss10" attivanu forme di lettere è spaziatura alternative per un ritmu più aggressivu è cundensatu. A spaziatura positiva di e lettere (+0,02em) hè insolita per e dimensioni di visualizazione è impedisce una sensazione di testu strettu à 80–189px.
- DM Sans — rimpiazzamentu: Inter · contorni 500 (Medium only — never Regular or Bold) · U testu principale, i ligami di navigazione, l'etichette di i buttoni è i tituli secundarii sò finu à 30px. U pesu mediu di u carattere hè statu sceltu deliberatamente - Regular parerebbe troppu magre contr'à u carattere di titulu extra-grassettu, è Bold cumpete cun ellu. DM Sans crea un contrappuntu umanisticu, ligeramente geometricu à u carattere di titulu industriale.
- System sans-serif — rimpiazzamentu: Inter · contorni 400 · Didascalie, metatestu, date, microtag. Adupratu solu in 12px, induve u pesu è u ricunniscimentu di a marca sò menu impurtanti chè risparmià nantu à a dimensione.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | mediu |
| Passu basicu | 16px |
| Raggiu di u buttone | 40px |
| Raggiu di a carta | 40px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 80px |
| Larghezza di a pagina | 1280px |
L'IA custruisce u vostru situ web in stile Caldera è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- teenage engineering — Catalogu industriale in illuminazione di studio - u pruduttu hè l'unicu ughjettu significativu nantu à a pagina, è tuttu u restu hè discussu intornu à ellu
- basement — Una macchina da stampa viota à 3 ore di mane - enormi caratteri cumpressi chì si sparghjenu in u neru pesto, un unicu luccichiu di luce aranciu nantu à a barra di navigazione, tuttu u restu biancu o grisgiu spettrale.
- amra — Una sfera iridescente nantu à un fondu biancu - l'accentu di lavanda hè l'unicu impulsu di culore nantu à una pagina guasi perfettamente acromatica, è a sfera unica à gradiente face u travagliu chì l'illustrazione principale face di solitu.
- Stink Studios — Un studio cinematograficu à mezanotte - u pruiettore ronza, a stanza hè scura, solu u filmu hè illuminatu
- Andrei Rybin — Un quaderno di schizzi monocromu hè un quaderno di design in u quale i schermi di u telefunu sò attaccati à un muru biancu cum'è fogli di cuntattu.
- Uniswap Cup — A trasmissione di a cumpetizione eSports si svolge nantu à un situ di simulazione - un marcatore rosa delinea una griglia di quadrati bianchi è linee fini
- Freytag Anderson — U sipariu di u cinema si alza à una sola parolla. Una grande imagine in muvimentu occupa tuttu u schermu, u nome di a marca si trova in l'angulu cum'è un creditu, è nunda altru ùn distrae.
- Integrated Biosciences — laburatoriu di bioluminescenza à mezanotte
- Vercel — Terminale stampatu nantu à carta bianca
- Mintlify — Un giardinu di nuvole sopra una tavula di vetru. U celu disegnatu à manu è u documentariu sò inquadrati inseme - l'unicu locu induve u culore è u cuncettu si scontranu prima chì a pagina si sfumi in u biancu monasticu.
- Gleap — Un spaziu di travagliu decoratu in tonalità crema calde cù accenti di grafite - un studio induve i punti di inchiostru neru opacu parenu fluttuà sopra l'architettura di linu.
- ClickUp — Un pannellu di cuntrollu putente nantu à u marmaru biancu. A pagina hè una brochure di pruduttu per un strumentu di produttività, dunque u linguaghju visuale hè pigliatu in prestitu da u pruduttu stessu: liste dense, indicatori di statu, gruppi di avatar è dichjarazioni tipografiche in grassetto chì parenu una specificazione di pruduttu in mostra.