Effets de texte

Letterpress proof card

Letterpress proof card: Une ?preuve typographique d?un titre court que la presse encre et tire ? nouveau, o? un appui prolong? d?pose plus d?encre et creuse davantage le papier, chaque tirage ?tant num?rot?.

Every Proof Pulled by Hand

Harbor Street Press, broadside no. 3

Hold longer for a heavier impression

Press and hold the sheet for a heavier impression.

Utiliser Letterpress proof card

Letterpress proof card utilise le format d’aperçu « carte » avec le thème « clair/sombre ».

Personnaliser l’aperçu

Ces réglages sont transmis à la démo. Les valeurs et limites décrivent l’aperçu ; consultez l’implémentation pour connaître l’ensemble des props.

Réglage	Type	Valeur initiale	Limites de l’aperçu
`text`	`text`	`Every Proof Pulled by Hand`	Jusqu’à 40 caractères
`caption`	`text`	`Harbor Street Press, broadside no. 3`	Jusqu’à 48 caractères
`ink`	`color`	`#1F2330`	Aucune autre limite dans les métadonnées.
`spotInk`	`color`	`#FF4D8D`	Aucune autre limite dans les métadonnées.
`paper`	`color`	`#EEE7D8`	Aucune autre limite dans les métadonnées.
`pressure`	`number`	`0.55`	De 0 à 1 ; pas de 0.05
`autoPull`	`boolean`	`true`	Aucune autre limite dans les métadonnées.

Quels frameworks sont disponibles pour Letterpress proof card ?

Letterpress proof card est disponible pour React, Vue, Svelte, Astro, HTML. L’aperçu utilise React ; les observations sur le code concernent index.tsx. Vérifiez les interactions dans le portage choisi avant de vous y fier.

Quelles sont les dépendances de Letterpress proof card ?

Les métadonnées React n’indiquent aucune dépendance npm supplémentaire à React.

Quels détails d’accessibilité sont visibles dans Letterpress proof card ?

Le code React de Letterpress proof card contient : éléments natifs (button); attributs et gestionnaires (aria-atomic, aria-describedby, aria-hidden, aria-label, aria-live). Il s’agit d’observations du code. Vérifiez les noms accessibles, l’ordre du focus et le comportement au clavier dans la page assemblée.

Comment Letterpress proof card gère-t-il la réduction des animations ?

Letterpress proof card lit la préférence de mouvement dans son code React via matchMedia(prefers-reduced-motion). Vérifiez l’implémentation complète, les styles partagés et le portage choisi avec la réduction des animations activée ; ces observations ne garantissent pas l’arrêt de toutes les animations.

Connectez votre agent

Composants ouverts similaires

2824Cascading Letter RevealEffets de texteUn titre qui se révèle lettre par lettre avec une montée et une décoloration douces à mesure qu'il apparaît, puis reste stable une fois terminé.

2124Color Band Text RevealEffets de texteUne bande douce de plusieurs couleurs glisse une fois sur une ligne de texte avec un mouvement d'entrée et de sortie facile, teintant chaque lettre au fur et à mesure de son passage avant que le texte ne prenne une couleur unie.

1962Flowing gradient headlineEffets de texteUn titre dont les lettres sont remplies par un dégradé bicolore mobile, de sorte qu'une bande lumineuse dérive sans fin à travers les mots, avec une douce floraison facultative derrière.

2248Striped shadow headingEffets de texteUn titre en gras avec une copie décalée derrière, rempli de rayures diagonales qui continuent de dériver comme une longue ombre portée.

2464Wavy letter headingEffets de texteUn titre dont les lettres suivent une vague lente, chacune étant en retard sur la précédente, de sorte que la ligne ondule comme un drapeau sans perdre sa ligne de base.

1930Shimmer Wave TextEffets de texteUne onde de luminosité balaie une fois une ligne de texte, éclairant chaque caractère tour à tour avant qu'il ne s'assombrisse, puis s'arrête brièvement et se répète.