Results for “typography”

Applies official brand colors and typography to artifacts for a consistent look and feel.

Generates a cohesive brand visual kit including logo concepts, color palette moodboard, and typography pairing suggestions.

Guides distinctive, intentional visual design for new or existing UI, covering aesthetic direction, typography, and avoiding templated defaults.

Turn any text into a faceless explainer video with typography, abstract graphics, diagrams, and data visualization.

Documents the Starbucks design system with color palette, typography rules, spacing, and component styles for UI implementation.

Guides distinctive, intentional visual design for new or existing UI, covering aesthetic direction, typography, and avoiding templated defaults.

Documents PostHog's design system: a warm cream canvas, hand-drawn hedgehog mascots, IBM Plex Sans typography, and a single yellow-orange CTA pill, with detailed color, typography, and component specifications.

Documents MongoDB's visual design system including colors, typography, layout, elevation, and shapes for UI implementation.

Creates a print-friendly architecture or pipeline presentation deck with a blueprint-grid mask, rust-red callouts, and serif typography.

Applies Anthropic's official brand colors and typography to artifacts, using Poppins and Lora fonts with fallbacks.

Improves typography by fixing font choices, hierarchy, sizing, weight consistency, and readability, making text feel intentional and polished.

Select, pair, and implement typefaces for web projects with guidance on readability, CSS implementation, and performance optimization.

The art and science of arranging type to make written language legible, readable, and visually appealing. Typography is the invisible art - when done well, readers absorb content without noticing the craft. When done poorly, they struggle without knowing why. Great typography creates visual hierarchy, establishes rhythm, conveys emotion, and guides the eye through content. It combines centuries of print wisdom with modern digital constraints - understanding that a typeface designed for books may fail on screens, that line length affects comprehension, and that the space between letters matters as much as the letters themselves. This skill covers type selection, pairing, scaling, spacing, responsive typography, variable fonts, font loading optimization, and accessibility. Master typographers know that choosing a font is the easy part - the craft is in the details of how it's set. Use when "typography, font, typeface, type scale, line height, leading, kerning, tracking, font pairing, font loading, variable font

Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loading", "type hierarchy", "variable fonts", "FOUT/FOIT", or "typographic scale". Also trigger when choosing between system fonts and web fonts, optimizing font loading performance, or designing readable long-form content layouts. Covers readability evaluation, CSS implementation, and performance optimization. For overall UI design systems, see refactoring-ui. For dramatic typographic experiences, see top-design.

Audits typographic decisions on a screen for scale usage, readability, consistency, and token compliance, providing specific fixes.

Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography.

Analyzes and documents Figma's marketing design system, including color tokens, typography hierarchy, spacing, and component patterns.

Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography.

Documents the design system for Cursor's marketing site, including color palette, typography, layout, and component tokens.

Applies Anthropic's official brand colors and typography to artifacts such as presentations, ensuring a consistent look and feel.

Transform a concept into an editorial-style visual narrative with six distinct layouts, four font families, and a magazine-like arc from problem to insight.

Create award-winning, immersive web experiences with dramatic typography, purposeful motion, scroll-based composition, and performance-optimized animation.

Documents Renault's brand design system including color palette, typography hierarchy, and layout principles for web implementation.

Generate, fill, or reformat PDFs with a token-based design system that adapts typography, color, and layout to document type.

Working type director's reference for selecting, pairing, and shipping typefaces with real taste. Covers a broad, opinionated catalog of typefaces and foundries (libre through commercial), a mood/era/register-driven selection framework that never collapses to one answer, font pairing as logic, fluid type scales, variable-font axes (incl. opsz/GRAD), OpenType features, web-font performance (subsetting, font-display, size-adjust fallback metrics), and licensing literacy (SIL OFL vs commercial EULA, desktop/web/app, trials). Explicitly retires the overused AI-design defaults (Inter, Roboto, Montserrat, Poppins, Fraunces, Geist, Söhne, the Fontshare/ITF starter pack) and names fresher alternatives in every role. Use for font selection, pairing, type scales, web-font optimization, variable fonts, OpenType, and typographic systems. NOT for logo/wordmark design, icon fonts, general CSS, or image-based/raster typography.

Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.

Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

Analyzes and documents Vodafone's design language, including color palette, typography hierarchy, spacing system, and layout patterns for brand-consistent implementation.

Generates brutalist web prototypes with Swiss industrial-print aesthetics, using grotesque typography, oversized numbers, ASCII decorations, and hazard-red accents.

Design genre-appropriate book covers using AI image generation, with guidance on typography, sizing, and thumbnail testing for self-publishing and print.