egp-typography
Typography and layout tokens for EGP Aesthetics. Use when editing headings, sections, containers, or ensuring responsive design on public or admin pages.
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
EGP Typography & Layout
Tokens (config/typography.ts)
-
typography.headingPage — Page h1:
text-2xl sm:text-3xl md:text-4xl lg:text-5xl -
typography.headingHero — Hero h1 only: adds
xl:text-6xl -
typography.headingSection — Section h2:
text-xl sm:text-2xl md:text-3xl lg:text-4xl -
typography.headingCard — Card h3:
text-lg sm:text-xl md:text-2xl -
typography.headingSmall — h4:
text-base sm:text-lg font-semibold - typography.lead — Lead paragraph
- typography.body — Body text
- typography.small — Caption
-
layout.container —
max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 -
layout.containerWide —
max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 - layout.sectionPy — Section vertical padding
- textColors.heading, textColors.body, textColors.muted
Rules
- No raw
text-4xl,text-5xl,text-6xlwithout smaller mobile size. - Import from
@/config/typography.
Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-03-11
- Index updated
- 2026-03-11
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!