Flying Papers
Confessioni in un cartone animato del sabato mattina
Flying Papers funziona come un cartone animato del sabato mattina stampato su carta risografica pesante: una scena piatta e dai toni viola tenui, una spruzzata di colori saturi simili a coriandoli e un testo così grande da occupare l'intera area di visualizzazione. Il branding è forte, audace e senza compromessi: non pretende attenzione, ma la attrae. Ogni schermata è pensata per sembrare un unico, audace poster: un titolo dominante, un'illustrazione di un personaggio, un'azione nel testo e tanto spazio bianco. Le cornici svolgono la maggior parte del lavoro, sostituendo le ombre; il colore è usato come pittura, non come dati. Le superfici rimangono piatte, i bordi sono mantenuti netti a 6 pixel e l'unico punto debole del sistema è il riquadro di 100 pixel sul pulsante di uscita.
Layout a schermo intero senza limitazioni di larghezza massima. Ogni schermata è una singola composizione delle dimensioni della finestra di visualizzazione: un enorme titolo ObviouslyVariable, centrato o allineato a sinistra, un'unica illustrazione della mascotte che si sovrappone al testo e una piccola azione in linea sottostante. Le sezioni non alternano colori chiari e scuri: l'intera pagina è impostata su una tela viola crepuscolare, sormontata da schede a tinta unita. La navigazione è affidata a un singolo logo centrato, senza barra dei menu. Le schede sono disposte in un layout a 2-3 colonne con ampi spazi tra di loro; le dimensioni delle schede sono determinate dal contenuto anziché essere uniformi. La densità è estrema: un'idea per schermata, circondata da spazio viola.
Solo illustrazioni: niente fotografie, rendering 3D o sfumature astratte. Il linguaggio visivo è uno stile cartoon disegnato a mano con contorni neri spessi (2-3 px), riempimenti piatti di 2-3 colori e nessuna ombreggiatura. I personaggi sono mascotte che interagiscono con il carattere tipografico (sbirciano, si appoggiano o ci stanno sopra). Le icone sono disegnate con linee nere (Pure) o bianche (Bone), con uno spessore di 1,5-2 px. Le immagini creano principalmente un'atmosfera decorativa, senza mai fornire spiegazioni: il carattere tipografico trasmette il messaggio, il personaggio trasmette l'atmosfera.
Tavolozza
Marca
- Dusk Violet
#8584bd— La tela principale e lo sfondo principale costituiscono il palcoscenico su cui appaiono tutti gli altri colori. - Hi-Vis Yellow
#f4ed36— Il giallo viene utilizzato per evidenziare i contorni delle azioni, le etichette dei link e gli elementi interattivi. Non deve essere utilizzato come colore principale per le call to action. - Buttery Yellow
#f9cc73— L'aggiunta di testo sullo schermo e bordi più sfumati offre un'interpretazione più discreta del colore riflettente, ideale per situazioni in cui quest'ultimo risulterebbe eccessivo. - Lilac Shadow
#61609a— Gli sfondi di carte e blocchi sono di un viola più intenso per le superfici annidate su uno sfondo viola.
Neutro
- Bubblegum Pink
#f8c1ba— I bordi decorativi e gli inserti di coriandoli sono di un rosa caldo, usato con moderazione per creare un tocco di colore vivace. - Matcha Cream
#b5c995— Bordi decorativi e accenti di coriandoli conferiscono una tonalità verde polverosa ai personaggi secondari della carta. - Magenta Punch
#ac4f98— Superficie aggiuntiva per schede di accento: progettata per blocchi di effetti che devono suonare più forte rispetto al palco. - Firecracker Red
#c94245— Riempimento rosso per evidenziare lo sfondo, strisce decorative e un delicato accento dietro il contenuto. - Bone White
#f9f5f2— Bordi sottili, divisori, contorni dei campi di input e bordi delle schede su superfici chiare. Evitare di utilizzare questo colore come colore principale per i pulsanti di invito all'azione. - Ink Black
#1a1a1a— Il testo principale, i bordi principali e i contorni dei pulsanti sono di un colore quasi nero, utilizzato per la tipografia su superfici color crema.
Tipografia
da 10 a 341px · 8 passaggi
- ObviouslyVariable — sostituzione: Founders Grotesk Condensed · contorni 800, 900 · Questa famiglia di caratteri per titoli e testi di grandi dimensioni è l'unica sufficientemente vistosa per questo sistema. Le dimensioni variano da 18px per il corpo del testo a 341px per i poster. L'interlinea ridotta, compresa tra 0,80 e 1,00, consente di visualizzare i titoli su più righe come blocchi di colore uniformi; la funzione Calt è disabilitata, quindi le forme geometriche ampie rimangono prive di decorazioni. Alternative: Founders Grotesk Condensed, Knockout o Druk Wide.
- DegularVariable — sostituzione: Inter · contorni 400 · Testo dell'interfaccia utente ultra-piccolo: navigazione, microcopy a piè di pagina ed etichette in linea a 10px. Un carattere neutro e versatile che si integra perfettamente con il testo del corpo. Alternative: Inter, IBM Plex Sans.
- bergen_monoregular — sostituzione: JetBrains Mono · contorni 400, 600 · Un microfont a spaziatura fissa per la navigazione, i tag e le piccole etichette dati crea un ritmo da macchina da scrivere su uno schermo arrotondato. L'interlinea di 0,80 nel font a spaziatura fissa è una caratteristica distintiva: un font a spaziatura fissa compatto dà la sensazione di una ricevuta. Alternative: JetBrains Mono, IBM Plex Mono.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | denso |
| Passo base | 17px |
| Raggio del pulsante | 100px |
| Raggio della carta | 6px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 40px |
L'IA creerà il tuo sito web nello stile Flying Papers e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Navigate — Un grande set di adesivi applicati su una tavola: un grande carattere grottesco, tutto a forma di tavolette e cinque icone multicolori, ripetute come un logo.
- Hatch — Un design disegnato a mano in stile samizdat, mescolato a ciotole di caramelle dai colori pastello. Una tela di carta color crema adornata con accenti color menta, pois di coriandoli e inviti all'azione a forma di pillola, dove un grande carattere serif in grassetto suggerisce divertimento e una mascotte blu ammicca in un angolo.
- Wonder — Il centro di comando, di un viola neon, è immerso in una profonda oscurità color prugna, squarciata da un'unica sorgente luminosa laser-violetta.
- Duolingo — Mascotte di classe giocosa su carta bianca
- Family — Una tavola tratta da una fiaba su pergamena color crema
- Visitors — disegno tecnico bianco
- Say Briefly — Blocco da disegno dell'agenzia creativa su carta color crema
- Superpower — Centro di gestione della salute bioluminescente
- Dopper — Una laguna cremosa e baciata dal sole, attraversata da una corrente blu vibrante. Una distesa calda e beige dove un unico canale di un blu brillante e carte cristalline, simili a caramelle, fendono lo spazio come raggi di sole sull'acqua.
- Dock — Carta color crema illuminata dal sole, impulso cobalto
- Portrait — Un muro di ricordi, immortalati in Polaroid su carta color crema. Un album di ritagli luminoso, color crema, dove l'inchiostro blu scuro è l'unico testo, l'unica linea guida e l'unico colore della cornice, con un unico arcobaleno disegnato a mano che appare una sola volta, sul pulsante "Registrati" e sulla parola in corsivo "per sempre", e mai più.
- Quizlet — L'aula è decorata con una varietà di colori su uno sfondo bianco: un banco sobrio, dietro il quale quattro cartoncini color pastello sono l'unico accento di colore acceso su uno sfondo di pareti grigio freddo e un unico segno fatto con un pennarello indaco.