Habilidades typography
🎨

typography

Seguro 🌐 Acesso à rede📁 Acesso ao sistema de arquivos

Design professional typography layouts

Generic fonts make designs look amateur. This skill provides expert typography guidelines to create visually striking and professional text layouts using curated font recommendations.

Suporta: Claude Codex Code(CC)
📊 70 Adequado
1

Baixar o ZIP da skill

2

Upload no Claude

Vá em Configurações → Capacidades → Skills → Upload skill

3

Ative e comece a usar

Testar

A utilizar "typography". What fonts should I use for a technical documentation site?

Resultado esperado:

  • For technical documentation, use IBM Plex Mono for code snippets and IBM Plex Sans for body text
  • IBM Plex family provides excellent readability and technical aesthetic
  • Pair with Space Grotesk for headings to add visual interest
  • Use weight 400 for body text and 600-700 for headings
  • Maintain 3:1 size ratio between headings and body text

A utilizar "typography". Help me choose fonts for my design portfolio

Resultado esperado:

  • Use Bricolage Grotesque for headlines to show distinctive character
  • Pair with a clean serif like Crimson Pro for body text
  • This creates high contrast between display and reading typography
  • Load both from Google Fonts for reliable web delivery

Auditoria de Segurança

Seguro
v5 • 1/16/2026

This is a pure documentation skill containing only markdown text with typography design guidelines. No executable code, network requests, file system access, or cryptographic operations exist. All 38 static findings are false positives triggered by JSON field names and benign text patterns. The scanner incorrectly interprets words like DES (within design), hash, source, and font names as security threats. The skill-report.json explicitly states No executable code, network requests, or file system access detected.

2
Arquivos analisados
198
Linhas analisadas
2
achados
5
Total de auditorias

Fatores de risco

🌐 Acesso à rede (1)
skill-report.json:6
📁 Acesso ao sistema de arquivos (1)
skill-report.json:6
Auditado por: claude Ver Histórico de Auditoria →

Pontuação de qualidade

38
Arquitetura
100
Manutenibilidade
85
Conteúdo
31
Comunidade
100
Segurança
83
Conformidade com especificações

O Que Você Pode Construir

Choose fonts for websites

Select professional fonts that enhance user experience and brand perception for web projects

Create typographic hierarchy

Design clear visual hierarchy using font weights, sizes, and pairings for interfaces

Improve readability

Select appropriate fonts for blogs, documentation, and digital content to maximize readability

Tente Estes Prompts

Basic font selection 
I need typography recommendations for a modern tech blog. What fonts should I use for headings and body text?
Code font pairing 
I'm creating documentation for a programming library. What font combinations work well for code snippets and explanatory text?
Editorial design 
I want to create an editorial-style web layout with high visual impact. What font pairings create strong contrast?
Advanced hierarchy 
Design a complete typographic system for a design system with headings, body text, captions, and code. Include weight and size recommendations.

Melhores Práticas

  • Load fonts from Google Fonts for reliable web delivery
  • Use extreme weight contrasts (100/200 vs 800/900) for visual impact
  • Limit your design to one distinctive font family to maintain cohesion
  • Test font combinations at different screen sizes before finalizing

Evitar

  • Avoid overused fonts like Inter, Roboto, Open Sans, and Lato
  • Do not use small weight differences (400 vs 600) - go for extremes
  • Never rely on system default fonts for professional designs

Perguntas Frequentes

Which platforms support this typography skill?
Works with Claude, Codex, and Claude Code on any platform
Can I get visual previews of font combinations?
This skill provides text recommendations only. Use Google Fonts to preview combinations visually
Does it support languages other than English?
Font recommendations work for any language supported by the chosen typefaces
Is my design data kept private?
Yes, this is a prompt-based skill with no data collection or external connections
What if Google Fonts is blocked in my region?
The principles apply to any font service. Substitute with similar fonts from available sources
How is this different from generic font advice?
Provides specific, curated font families and contrast ratios based on professional design principles

Detalhes do Desenvolvedor

Licença

MIT

Repositório

https://github.com/Crossbill-Highlights/crossbill-web/tree/main/.claude/skills/typography

Referência

main

Estrutura de arquivos

📄 SKILL.md