# Sfondi con texture di carta: design tattili sullo schermo

[Canonical HTML page](https://gradiently.design/it/guide/paper-texture-background)

La carta è lo sfondo più antico che esista, e le persone si fidano ancora. Ecco come portare sullo schermo il suo calore, la sua fibra e la sua luce irregolare senza sembrare un tovagliolo scansionato.

## The short version

- Uno sfondo con texture di carta combina tre cose: un colore di base tinto, una fibra o grana fine e una luce leggermente irregolare.
- La carta vera non è mai bianco puro, quindi una carta digitale convincente parte da una base crema, avena, grigia o marrone kraft.
- Una grana sottile sembra carta di qualità; pieghe marcate, macchie di caffè e bordi strappati sembrano clip art e invecchiano in fretta.
- Le texture di carta vanno bene per inviti, menu, diari, brand di cartoleria, panetterie e tutto ciò che vuole sembrare fatto a mano.
- L’inchiostro scuro sulla carta ha bisogno dello stesso contrasto di qualsiasi altro posto, quindi prova il testo piccolo prima di aggiungere altra texture.

Uno sfondo con **texture di carta** fa sembrare un design stampato, tattile e fatto a mano. Funziona perché la carta viene letta come cura: un invito, una lettera, un menu per cui qualcuno ha scelto una grammatura. Per farlo bene servono tre livelli che lavorano insieme, un colore di base caldo o tinto, una fibra o grana fine e una luce un po’ irregolare sul foglio. Gran parte della carta finta sbaglia esagerando con la terza.

## Quale aspetto di carta si addice al tuo design

La carta non è una sola texture. Cotone, kraft, carta da giornale e washi si sentono in modo completamente diverso, e ognuna si adatta a un tipo di brand diverso. Comincia dando un nome alla carta che imiti.

| Carta | Colore di base | Texture | Adatta a |
| --- | --- | --- | --- |
| Cotone | `#f6f1e7` | Grana morbida e uniforme | Inviti di nozze, attestati, cartoleria raffinata |
| Crema non patinata | `#f3ead8` | Fibra fine, calda | Menu, diari, copertine di libri |
| Kraft | `#c8a57a` | Fibra visibile, macchioline | Caffè, panetterie, packaging, mercati |
| Carta da giornale | `#e9e5dc` | Grigia, leggermente ruvida | Zine, editoria, poster di protesta |
| Grigio riciclato | `#dcd8d0` | Puntinata | Brand sostenibili, studi |
| Washi | `#f4efe4` | Fibre lunghe e traslucide | Tè, ceramiche, fioristi, spa |

Sei carte e un colore di base da cui partire. Copia l’hex, poi aggiungi la texture sopra.

- Cotone: #f6f1e7
- Carta crema: #f3ead8
- Carta da giornale: #e9e5dc
- Kraft: #c8a57a
- Inchiostro tipografico: #2b2420
- Rosso timbro: #8a2b1f

Quattro basi di carta con un inchiostro nero caldo e un rosso timbro, l’accento classico dei design su carta. Usa il rosso una sola volta per design.

## Come creare uno sfondo con texture di carta

Puoi costruire una carta convincente da zero in qualsiasi editor con rumore e modalità di fusione. Funziona anche la carta scansionata, ma una texture costruita scala bene a qualsiasi misura e non mostra mai il bordo del piano dello scanner.

1. **Riempi la base** Riempi la tela con il colore della carta dalla tabella, per esempio `#f3ead8` per la crema non patinata.
2. **Aggiungi una grana fine** Aggiungi un livello grigio medio, applica rumore monocromatico, impostalo su Moltiplica o Luce soffusa al 4-8 per cento circa. È la grana superficiale che ha ogni carta.
3. **Aggiungi la fibra** Aggiungi un secondo livello di rumore, più grande, e allungalo o sfocalo leggermente in una direzione. A opacità molto bassa sembra fibre che attraversano il foglio.
4. **Rendi irregolare la luce** Aggiungi una morbida dissolvenza radiale, un tocco più chiara in un angolo e un tocco più scura in quello opposto. La carta vera non è mai illuminata in modo perfettamente uniforme.
5. **Controlla l’inchiostro** Metti il tuo testo più piccolo sopra e guardalo su un telefono. Se una parola è più difficile da leggere, riduci la texture prima di ogni altra cosa.

- Carta crema, luce da finestra: `radial-gradient(ellipse at 20% 15%, #fbf7ef 0%, #f3ead8 50%, #e8dcc4 100%)`
- Kraft, luce di lampada calda: `radial-gradient(ellipse at 75% 25%, #d6b78f 0%, #c8a57a 45%, #b08c60 100%)`
- Carta da giornale, luce diurna piatta: `linear-gradient(170deg, #f1eee7 0%, #e9e5dc 55%, #ddd7cb 100%)`

Il solo livello di luce irregolare. Ciascuno è il colore di base della carta schiarito in un punto e scurito in un altro, prima di qualsiasi grana.

La grana fine del secondo passaggio è la stessa tecnica spiegata in [la texture a grana](https://gradiently.design/it/guide/textured-background). La carta ne usa solo meno, con una base più calda.

## La carta sottile batte la carta finta

I risultati di ricerca per gli sfondi di carta sono pieni di fogli accartocciati, bordi bruciati e aloni di caffè. Sembrano una versione da parco giochi della carta e combattono ogni parola che ci scrivi sopra. Una buona texture di carta è abbastanza silenziosa da essere sentita prima di essere vista.

### Evita

- Pieghe marcate che attraversano il testo
- Macchie di caffè e bordi bruciati
- Bordi strappati su un post digitale
- Un foglio scansionato con ombre visibili
- Testo grigio su crema a corpi piccoli

### Fai

- Grana fine appena visibile a dimensione piena
- Fibre a opacità molto bassa
- Luce dolcemente irregolare
- Un inchiostro caldo, non nero puro
- Un timbro o un colore d’accento, usato una volta

## Idee di texture di carta per design reali

La carta dà il meglio dove un oggetto stampato esisterebbe naturalmente. Questi sono i posti in cui si guadagna il posto.

Un invito di nozze su uno sfondo morbido con texture di carta crema, con nomi e una data

Un invito 5×7 in a 1500×2100. La grana del cotone e un inchiostro caldo sembrano un cartoncino da tenere in mano.

Un post social di una panetteria su uno sfondo caldo in stile carta kraft con un titolo breve

Un post di una panetteria su kraft. La texture dice fatto a mano prima che qualcuno legga una parola.

- **Menu di ristoranti** su crema non patinata, composti in un serif. Vedi [il design dei menu per ristoranti](https://gradiently.design/it/guide/restaurant-menu-design).
- **Newsletter e diari**, dove la carta rende più calma una lettura lunga.
- **Inviti di nozze e di eventi**; [il design degli inviti di nozze](https://gradiently.design/it/guide/wedding-invitation-design) ha dei layout.
- **Brand artigianali e fatti a mano**, su kraft o grigio riciclato.
- **Card con citazioni**, dove una sola riga su carta sembra un biglietto scritto da qualcuno.

## Caratteri e inchiostro sugli sfondi di carta

La carta cambia il modo in cui si legge il testo. I serif stanno a casa loro su crema e cotone perché sono stati disegnati per la stampa; un sans pulito su carta da giornale o grigio riciclato sembra moderno e un po’ industriale. [Serif contro sans serif](https://gradiently.design/it/guide/serif-vs-sans-serif) spiega il compromesso. Qualunque tu scelga, componi l’inchiostro in un quasi nero caldo come `#2b2420` invece del nero puro, che sembra digitale su un foglio tinto.

Tieni il testo corrente a una misura comoda e dagli più peso di quanto faresti sul bianco: la texture mangia un po’ di contrasto, soprattutto sui telefoni. Per righe brevi su carta, come una sola frase su una [card con citazione](https://gradiently.design/it/guide/quote-card-design), puoi permetterti un peso più leggero e più spazio. Se stai valutando la carta rispetto ad altre superfici, [la texture di sfondo](https://gradiently.design/it/guide/background-texture) confronta le principali famiglie affiancate.

## Texture di carta in CSS

Per un sito web, sovrapponi un gradiente di luce irregolare al colore di base, poi aggiungi un livello di rumore molto leggero con SVG. Un `baseFrequency` più basso di quello che useresti per la grana della pellicola dà un effetto più morbido e fibroso.

```css
.paper {
  position: relative;
  isolation: isolate;
  color: #2b2420;
  background:
    radial-gradient(ellipse at 20% 15%, #fbf7ef 0%, transparent 55%),
    radial-gradient(ellipse at 85% 90%, #e8dcc4 0%, transparent 60%),
    #f3ead8;
}

.paper::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
  mix-blend-mode: multiply;
  opacity: 0.08;
}
```

Carta crema con luce da finestra e un morbido livello di fibra. Moltiplica mantiene la carta calda; alza un po’ l’opacità per il kraft.

Gradiently ha materiali carta e sabbia tra i suoi Mark: fibra artigianale, morbide velature e grana fine che si sposta, renderizzati dal vivo a ogni misura, con la parte più calma del foglio che si sposta dietro alle tue parole. Cerca «carta» nel Mercato o filtra per un fondo chiaro per trovarne uno, poi progetta con lui gratis.

## FAQ

### Di che colore è la carta in hex?

La carta vera raramente è bianco puro. La crema non patinata è intorno a `#f3ead8`, il cotone intorno a `#f6f1e7`, la carta da giornale intorno a `#e9e5dc` e il kraft intorno a `#c8a57a`.

### Come si fa una texture di carta in Photoshop o Canva?

Riempi con un colore carta, aggiungi un livello di rumore monocromatico in Moltiplica o Luce soffusa a bassa opacità, poi una morbida luce irregolare. Negli strumenti senza rumore, metti un’immagine di carta sottile a bassa opacità sopra il colore.

### Una texture di carta va bene per il testo?

Sì, se è sottile. Tieni la grana fine, usa un inchiostro scuro e caldo e controlla il testo piccolo su un telefono prima di aggiungere altra texture.

### Quali design si adattano a uno sfondo di carta kraft?

Caffè, panetterie, mercati, packaging e brand artigianali. Il kraft sembra naturale e pratico, quindi abbinalo a caratteri semplici e decisi.