Home

>

Prompts Database

>

Art & Design
Generate a Typography Style Guide
avatar
Buffy Summers
Share
Leave a comment
614 days ago

Prompt type:

Design website

Category:

Art & Design, UI/UX Design

Media type:

Use with AI:

ChatGPT from OpenAI
View Full Output

Example output


Creating a typography style guide for a mobile application involves defining the fonts, sizes, colors, and styles that will be used throughout the app. Here's a basic example of how you can structure a typography style guide in Excel format:

  1. Font Styles:
ElementFont FamilyFont WeightFont SizeColorNotes
App TitleArialBold24px#333333
Header TextHelveticaRegular18px#000000Uppercase
Subheader TextOpen SansRegular16px#666666
Body TextRobotoRegular14px#333333
Button TextMontserratSemi-bold16px#FFFFFFAll caps, background color: #007bff
LinksRobotoRegular14px#007bffUnderlined on hover
Placeholder TextLatoRegular14px#999999Italic
Error MessagesArialRegular14px#FF0000
  1. Font Sizes:
ElementSize (px)
Small Text12px
Regular Text14px
Medium Heading18px
Large Heading24px
Extra Large Heading36px
Button Text16px
  1. Colors:
ElementColor Code
Primary Color#007bff
Secondary Color#666666
Text Color#333333
Background Color#FFFFFF
Error Color#FF0000
Link Color#007bff
Button Background#007bff
Button Text#FFFFFF
  1. Font Pairings:
ElementFont Family
HeadersHelvetica
Body TextRoboto
ButtonsMontserrat
LinksRoboto
PlaceholderLato
Error MessagesArial
  1. Additional Notes:
    • All text should have a line height of 1.5 for better readability.
    • Use text shadows sparingly for emphasis, with a shadow color of #000000 at 1px blur radius.
    • Ensure proper contrast ratios between text and background colors for accessibility compliance.

This is a basic example, and you can expand and customize it further based on your specific design requirements and brand guidelines. Remember to regularly update and maintain your typography style guide as your app evolves.

Description or instructions

Create a detailed typography style guide tailored to a specific topic, outlining font styles, sizes, colors, line spacing, and hierarchy for consistency and visual appeal. The guide will be formatted in Excel for easy reference and implementation.

Prompt

Generate a typography style guide for a [] in excel format.