MEDIA

Manuale di design

Loghi, linee guida d’uso e asset stampa per giornalisti, partner ed eventi.

LOGHI

Download del wordmark

Utilizzi il wordmark grigio, nero o bianco. Preferisca l'SVG per schermi e interfacce; PNG o PNG ad alta risoluzione per presentazioni, stampa e cartelle stampa.

PNGRaster standard per slide, e-mail e incorporamenti web in cui l'SVG non è supportato.

SVGFormato vettoriale preferito per UI, siti web e layout digitali scalabili.

PNG ad alta risoluzioneRaster ad alta risoluzione per materiali stampati, display di grandi dimensioni e layout editoriali.

cloudstrata grigioPNGScarica file

cloudstrata biancoPNGScarica file

cloudstrata neroPNGScarica file

cloudstrata grigioSVGScarica file

cloudstrata biancoSVGScarica file

cloudstrata neroSVGScarica file

cloudstrata grigioPNG ad alta risoluzioneScarica file

cloudstrata biancoPNG ad alta risoluzioneScarica file

cloudstrata neroPNG ad alta risoluzioneScarica file

FaviconICO · icona per browser e appScarica file

UTILIZZO

Spazio libero e applicazione

Protegga il wordmark con uno spazio libero, mantenga le proporzioni e scelga la variante con il contrasto più forte rispetto allo sfondo.

Spazio libero

Mantenga attorno al wordmark uno spazio vuoto almeno pari all'altezza delle lettere minuscole. Non collochi altri loghi, testi o elementi grafici in questa zona.

Dimensione minima

Non riproduca il wordmark con una larghezza inferiore a 80 px su schermo o a circa 20 mm in stampa. Preferisca 120 px o più quando lo spazio lo consente.

Nero su chiaro

Grigio su neutro

Bianco su scuro

Da fare

Rispettare lo spazio libero e l'allineamento con gli altri elementi del marchio.
Usare nero, grigio o bianco in base al contrasto con lo sfondo.
Fornire SVG per le UI di prodotto e PNG ad alta risoluzione per stampa o stampa specializzata.
Mantenere il wordmark completo e intatto: non tagliare mai le lettere.
Abbinare il marchio al carattere principale e ai token di colore di cloudstrata.

Don’t

Don’t stretch, skew, or rotate the wordmark.
Don’t recolor letters or apply custom brand hues to the mark.
Don’t add drop shadows, outlines, glows, or gradients to the logo.
Don’t place the mark on busy photos or low-contrast backgrounds.
Don’t crop, stack, or rearrange individual letters.

COLORE

Palette del marchio

Neutri freddi e istituzionali con un accento blu intenso. Clicchi su un campione per copiare il valore esadecimale.

Gradiente di evidenza

Riservato all'enfasi di prodotto (ad esempio i titoli di AI Foundry). Non usare come sfumatura di sfondo generica.

TIPOGRAFIA

Sistema tipografico

Serif editoriale da display per i titoli; sans precisa per interfaccia e corpo del testo. La spaziatura ottica mantiene compatti i caratteri grandi e aperte le etichette.

Cormorant Garamond · Display / titoli

Piattaforme che arrivano in produzione.

Peso 500–600 · spaziatura stretta nelle dimensioni grandi · fallback: Times New Roman

Plus Jakarta Sans · UI / corpo del testo

cloudstrata builds production-grade cloud platforms, AI runtimes, and software — from strategy through live operations.

Peso 400–600 · corpo 1.0625 rem · fallback: Helvetica Neue

HeroTitolo hero

SectionTitolo di sezione

BodyTesto corrente per la lettura di contenuti lunghi e le descrizioni di prodotto.

LabelEtichetta di sezione

FORMA

Angoli e superfici

Angoli morbidi e editoriali: né a pillola né affilati. Preferire bordi discreti a ombre pesanti.

2 px · xs

4 px · sm

6 px · md

10 px · lg

Le superfici interattive predefinite usano 4 px (sm). Evitare pillole completamente arrotondate ed effetti glow a più livelli.

FOTOGRAFIA

Direzione delle immagini

Documentaristica, calma e leggermente desaturata. Mostrare contesti di lavoro reali, non astrazioni da stock né cliché tecnologici al neon.

Preferire luce naturale, ambienti reali e persone concentrate sul lavoro.
Applicare una leggera correzione editoriale: desaturazione lieve, contrasto delicato.
Evitare vignettature marcate, sovrapposizioni al neon e scene d'ufficio generiche generate dall'AI.
Mantenere leggibili volti e UI di prodotto; ritagliare con intenzione, non per decorazione.