Carte Suivez-nous

Grand et confiant dans l’encre du thème, les identifiants sociaux fournis sont accompagnés d’un code QR optionnel à suivre en un scan.

Afficher les identifiants sociaux fournis dans une liste, une grille ou une rangée, avec un lien QR optionnel. Le bloc est dimensionné selon son contenu : un ou deux identifiants sont grands et calmes, quelques-uns remplissent une liste claire à côté d’un grand code QR, et plus que la capacité défilent en pages équilibrées, pour que la police ne descende jamais en dessous du plancher. Primetime ajoute des entrées d’identifiants en décalé, des marques de réseau cyan, une coche en tiers inférieur et un arrière-plan lent en forme d’arobase. Le code QR reste fixe avec ses modules noir et blanc originaux et sa zone calme.

Carte en direct

Cette carte est dessinée dans votre navigateur par le même code que les lecteurs, avec des données d’exemple.

Catégorie : Médias. Étiquettes : Social et public, Codes QR, Magasins, Restaurants et cafés.

Mises en page

Cette carte plein écran occupe tout l’écran en mode paysage ou portrait et n’est pas placée en coin, puce ou bande.

Mises en page : pleine. Formes : paysage, portrait.

Mises en page, thèmes et publication des cartes. Parcourir les cartes.

Données et confidentialité

Cette carte utilise ses propriétés configurées et les données de carte en direct.

Propriétés

Pour le thème, l’arrière-plan, l’accent et la position, voir Propriétés communes.

Définissez les propriétés statiques dans les params de la carte lorsque vous la créez. Son document de données ne contient que des propriétés dynamiques. Les lignes imbriquées décrivent le contenu de leur propriété parente.

Propriétés statiques

NomTypePar défautValeurs et limitesDescription
handlesarrayminItems : 1 ; maxItems : 8 ; Obligatoire
handles[].networkstring"instagram", "facebook", "x", "linkedin", "tiktok", "youtube", "threads", "whatsapp", "pinterest", "spotify", "snapchat", "discord", "email", "web" ; Obligatoire
handles[].handlestringminLength : 1 ; maxLength : 80 ; Obligatoire
handles[].urlstring""maxLength : 2048
titlestring"Follow us"maxLength : 60
qrstring""maxLength : 1024Quand défini, un code QR qui ouvre ce lien se trouve à côté des poignées.
backgroundColorchaîne, nulnullmotif : "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"Remplace le fond et la plaque de la carte par une couleur plate ordonnée en CSS. #RRGGBBAA fournit l’opacité. background none a la priorité.
textColorchaîne, nulnullmotif : "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"Remplace les couleurs du texte principal et secondaire. Les couleurs d’accentuation et de statut sémantique conservent leur rôle.

Propriétés dynamiques

Cette carte n’a aucune propriété dynamique.

Exemple de canevas

Enregistrez les propriétés statiques comme params.json et créez la carte. Le résultat contient son identifiant crd_.

{
  "theme": "neomustard",
  "handles": [
    {
      "network": "instagram",
      "handle": "Example"
    }
  ]
}
screenrig card create --type follow-us --major 1 --file params.json

Ajoutez cet élément aux primitives d’une page de liste de lecture, en remplaçant l’identifiant de l’exemple par celui de votre carte. Publiez la liste de lecture et assignez un écran.

{
  "id": "follow-us",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}