Metrop

Example specimens for Metrop. This section would probably have type testers and maybe two or three other pieces that are displayed, based on the information you fill in for the typeface. This is the most appropriate area to focus on customizing, based on what you want to show.

The layout should probably be consistent on every font page, other than minor customizations (ex. maybe setting colours, depending on how much you want the site brand versus a colour theme for each font).

Metrop Styles

Demo of listing each configured style once, with the inside an editable type tester.

  • Regular
  • SemiBold

Type Testers

Set in CMS

  • Metrop SemiBold
    The quick brown fox…
  • Metrop Regular
    Another one
  • Metrop SemiBold
    This is a non-editable type tester with custom text, a custom font size, and the text alignment set in the CMS.

Purchase

This is the purchase section, which would stay consistent across all font product pages. Could do something simple to give a bit more indication of the font, but the general idea is you are buying the same thing regardless

Table

Rough functional example of displaying a license table differently on smaller screens. Can be controlled with the dropdown, or by tapping on the table columns.

nameTrial (PWYW)SmallMediumLargeHuge
user11–45–910–1415–50
pageview1000010000–2000020000–5000050000–Infinity
ebook12–33–5
app12–33–5
price$0$0$0$0$0