Logo et mascotte
Le langage visuel de Forwork.
Forwork utilise un système d'identité simple construit autour de la clarté, de la confiance et de signaux de travail accessibles.
Logo
Une marque claire pour un Work Identity clair.
Le logo Forwork donne la priorité à la lisibilité, à la reconnaissance et à une utilisation stable sur les profils, les pieds de page, les surfaces PWA, les aperçus OG et les points de contact de travail.
Icône de favori
La plus petite marque Forwork doit encore être immédiatement reconnaissable.
Les favicons et les icônes d'application apparaissent dans les onglets du navigateur, les raccourcis, les surfaces PWA, les écrans d'accueil et les petits contextes où le logo complet n'a plus assez de place.
favicon.svg
favicon-light.svg
favicon-dark.svg
apple-touch-icon.png
pwa-192x192.png
maskable-icon-512x512.png
Woan
Woan est le guide à l’intérieur de Forwork.
Woan aide le Forwork à ressembler moins à un outil de profilage froid qu'à un espace convivial où les gens peuvent expliquer clairement leur travail.
Identity
Aide les téléspectateurs à déterminer rapidement qui vous êtes.
Proof
Guide les téléspectateurs vers des preuves réelles.
Thinking
Rend la réflexion pratique plus facile à voir.
Contact
Rend la prochaine étape plus claire.
Couleur
La couleur est utilisée pour guider l’attention et non pour décorer chaque surface.
Forwork Accent
#1800AD · #A99CFF dark
Liens, actions clés et faits marquants de l'identité.Ink
#191919
Texte fort, titres et ancres lisibles.Paper
#FFFFFF
Surfaces de lecture propres, calmes et ciblées.Soft Surface
#F1F1EF
Balises, cartes et hiérarchie silencieuse.Typographie
La typographie Forwork doit être claire, compacte et accessible.
Forwork utilise Manrope comme police principale sur les pages de destination, UI et les textes de marque. Si Manrope ne peut pas se charger, les polices système garantissent une expérience rapide et lisible.
Aa Bb Cc · 1234567890
Rubrique
Espacement des lettres audacieux, concis et légèrement serré pour une sensation moderne et confiante.
Corps
Hauteur de ligne lisible et confortable et axé sur la clarté plutôt que sur la décoration.
Petites étiquettes
Utilisez suffisamment de poids pour les métadonnées, les balises, les boutons et la navigation.
Nommer
Le nom doit être aussi cohérent que le logo.
Forwork est le nom officiel. 4Work et 4W sont des formes abrégées pour le contexte de l'écosystème, UI serré ou des références plus informelles.
À utiliser pour les pages de destination, SEO, OG, les titres, les textes de marque et les points de contact officiels.
À utiliser pour faire référence à 4Tips, ProfileKit ou à des produits appartenant au même écosystème.
Fonctionne pour les badges, les étiquettes courtes, les menus restreints ou le contexte interne. Évitez de l'utiliser comme titre principal SEO.
Utiliser
Forwork pour le contenu officiel.
4Work pour le contexte écosystémique.
4W lorsque l'espace UI est très restreint.
Éviter
ForWork parce que la majuscule est fausse.
FourWork parce que cela dilue la reconnaissance.
4work sauf dans les URL ou le code.
Signification
Chaque élément visuel soutient une idée: rendre le travail plus facile à comprendre.
Effacer
La typographie, l'espacement et la mise en page réduisent les incertitudes.
Humain
Woan rend le produit plus convivial sans perdre en professionnalisme.
Digne de confiance
Des marques cohérentes et des couleurs sobres donnent aux profils une sensation de stabilité.
Connecté
Forwork, 4Tips et ProfileKit appartiennent à un seul écosystème connecté.
Utilisation
Utilisez l’identité avec suffisamment de marge de manœuvre.
N'étirez pas et ne recolorez pas le logo au hasard.
Utilisez Woan pour expliquer, guider ou présenter une idée de produit.
Utilisez intentionnellement la couleur d’accent et privilégiez la clarté à la décoration.