Flying Papers
Confession dans un dessin animé du samedi matin
Flying Papers fonctionne comme une bande dessinée du samedi matin imprimée sur du papier risographique épais: une scène plate aux tons violets discrets, quelques touches de couleurs saturées évoquant des confettis, et une typographie si imposante qu’elle occupe tout l’espace d’affichage. L’identité visuelle est affirmée, audacieuse et sans compromis; elle n’impose pas l’attention, mais l’attire. Chaque écran est conçu comme une affiche percutante: un titre dominant, une illustration de personnage, une action dans le texte et beaucoup d’espace blanc. Les cadres jouent un rôle prépondérant, remplaçant les ombres; la couleur est utilisée comme de la peinture, et non comme des données. Les surfaces restent planes, les contours sont nets (6 px) et le seul point faible du système est le bouton de sortie, légèrement plus petit (100 px).
Mise en page plein écran sans restriction de largeur. Chaque écran présente une composition unique occupant toute la surface de l'écran: un titre massif ObviouslyVariable, centré ou aligné à gauche, une illustration de mascotte superposée au texte et une petite action intégrée en dessous. Les sections ne présentent pas d'alternance de couleurs claires et foncées; la page entière est agencée sur un fond violet crépuscule, surmonté de cartes de couleur unie. La navigation se limite à un logo centré, sans barre de menu. Les cartes sont disposées en 2 ou 3 colonnes aérées avec de larges marges; leur taille est adaptée à leur contenu. La densité est extrême: une idée par écran, entourée d'un espace violet aéré.
Uniquement des illustrations — ni photographies, ni rendus 3D, ni dégradés abstraits. Le langage visuel est un style cartoon dessiné à la main, avec des contours noirs épais (2 à 3 px), des aplats de 2 à 3 couleurs et sans ombrage. Les personnages sont des mascottes qui interagissent avec la typographie (en la surgissant, en s’appuyant contre elle ou en se tenant debout dessus). Les icônes sont dessinées avec des lignes noires (Pure) ou blanches (Bone), d’une épaisseur de 1,5 à 2 px. Les images créent avant tout une ambiance décorative, sans jamais rien expliquer: la typographie transmet le message, le personnage exprime l’atmosphère.
Palette
Marque
- Dusk Violet
#8584bd— La toile principale et le fond principal constituent la scène sur laquelle apparaissent toutes les autres couleurs. - Hi-Vis Yellow
#f4ed36— Le jaune sert à mettre en évidence les contours des actions, les étiquettes des liens et les éléments interactifs. Il ne doit pas être utilisé comme couleur principale pour les appels à l'action. - Buttery Yellow
#f9cc73— L'ajout de texte à l'écran et des bordures plus douces offrent une approche plus subtile de la couleur réfléchissante, pour les situations où une couleur réfléchissante serait excessive. - Lilac Shadow
#61609a— Les fonds des cartes et des blocs sont d'un violet plus foncé pour les surfaces imbriquées sur une scène violette.
Neutre
- Bubblegum Pink
#f8c1ba— Les bordures décoratives et les accents de confettis sont d'un rose chaud utilisé avec modération pour créer une touche de couleur. - Matcha Cream
#b5c995— Des bordures décoratives et des accents de confettis confèrent une teinte vert poussiéreux aux personnages secondaires de la carte. - Magenta Punch
#ac4f98— Surface supplémentaire pour cartes d'accentuation - conçue pour les blocs d'effets qui doivent avoir un son plus fort que sur scène. - Firecracker Red
#c94245— Fond rouge pour mettre en valeur l'arrière-plan, rayures décoratives et accent discret derrière le contenu. - Bone White
#f9f5f2— Bordures fines, séparateurs, contours de champs de saisie et bords de cartes sur surfaces claires. Évitez d'utiliser cette couleur comme couleur principale pour les boutons d'appel à l'action. - Ink Black
#1a1a1a— Le texte principal, les bordures principales et les contours des boutons sont d'une couleur presque noire, utilisée pour les travaux typographiques sur des surfaces crème.
Typographie
de 10 à 341 px · 8 étapes
- ObviouslyVariable — remplacement: Founders Grotesk Condensed · grandes lignes 800, 900 · Cette famille de polices, conçue pour les titres et les gros caractères, est la seule suffisamment lisible pour ce système. Les tailles varient de 18 px pour le corps du texte à 341 px pour les affiches. Un interlignage serré de 0,80 à 1,00 permet d'afficher les titres sur plusieurs lignes sous forme de blocs de couleur unis; la fonction Calt est désactivée, ce qui permet de conserver la pureté des formes géométriques larges. Alternatives: Founders Grotesk Condensed, Knockout ou Druk Wide.
- DegularVariable — remplacement: Inter · grandes lignes 400 · Texte d'interface utilisateur ultra-compact: navigation, microtexte de pied de page et étiquettes intégrées en 10 px. Une police neutre et polyvalente qui se fond parfaitement avec le corps du texte. Alternatives: Inter, IBM Plex Sans.
- bergen_monoregular — remplacement: JetBrains Mono · grandes lignes 400, 600 · Une police à chasse fixe, utilisée pour la navigation, les étiquettes et les petites informations, crée un effet de machine à écrire sur un écran aux bords arrondis. L'interligne de 0,80 de cette police est une caractéristique distinctive: un texte serré donne l'impression d'un reçu. Alternatives: JetBrains Mono, IBM Plex Mono.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | dense |
| Étape de base | 17px |
| Rayon du bouton | 100px |
| Rayon de la carte | 6px |
| Ombres | non - des bordures à la place des ombres |
| Entre les sections | 40px |
L'IA construira votre site web dans le style Flying Papers et le remplira.
- Partagez vos produits et publications via le lien - Instagram, TikTok, Facebook.
- Transférez le contenu de votre ancien site: il vous suffit de préciser l’adresse.
- Conception moderne sur le meilleur moteur: React ( Next.js) avec rendu côté serveur et optimisation SEO intégrée.
- Optimisation SEO entièrement automatisée pour les résultats de recherche et recommandations de réseaux neuronaux.
Styles similaires
- Navigate — Un grand ensemble d'autocollants collés sur un tableau: une police de caractères grotesque de grande taille, le tout sous forme de tablettes, et cinq icônes multicolores se répétant comme un logo.
- Hatch — Un motif dessiné à la main, façon samizdat, mêlé à des bonbonnières aux tons pastel. Une toile de papier crème ornée de touches de menthe, de confettis et d'invitations à l'action en forme de pilule, où une police à empattements large et audacieuse suggère le plaisir, et une mascotte bleue fait un clin d'œil dans un coin.
- Wonder — Le centre de commandement, d'un violet néon, est plongé dans une obscurité prune profonde transpercée par une unique source de lumière laser violette.
- Duolingo — Mascotte de classe ludique sur papier blanc
- Family — Une illustration tirée d'un conte de fées sur du parchemin crème
- Visitors — dessin technique blanc
- Say Briefly — Carnet de croquis d'agence créative sur papier crème
- Superpower — Centre de gestion de la santé bioluminescent
- Dopper — Un lagon crémeux baigné de soleil, traversé par un courant d'un bleu vibrant. Une étendue beige et chaude où un unique chenal d'un bleu éclatant et des cartes cristallines, semblables à des bonbons, fendent l'espace comme la lumière du soleil sur l'eau.
- Dock — Papier crème ensoleillé, impulsion de cobalt
- Portrait — Un mur de souvenirs, immortalisés en Polaroïds sur papier crème. Un album photo lumineux, couleur crème, où l'encre bleu foncé est le seul texte, les seules lignes de structure et la seule couleur du cadre — avec un unique arc-en-ciel dessiné à la main qui apparaît une seule fois, sur le bouton « S'inscrire» et sur le mot « pour toujours» en italique, et jamais plus.
- Quizlet — La salle de classe est décorée de couleurs variées sur fond blanc: un bureau silencieux, derrière lequel quatre cartes pastel constituent la seule touche de couleur vive sur un fond de murs gris froids et une unique marque faite au feutre indigo.