Dev Depot: Typeplate.com — Next Level Typography

The art and science of online typography is often overlooked by hurried designers and basic tools that simply rely on the most standard fonts and settings at the cost of creativity — an especially widespread issue for adult sites relying on stock templates rather than the individual flair of a hand-crafted print fan’s paradise.

Sometimes the problem is skill, time, or knowledge-based; and all are easy to solve.

Searchable text is the foundation of the Internet, with reams of visually bland literature of all genres, which even on a porn site could use a little sprucing up.

Calling itself a “typographic starter kit” designed to encourage the use of great online type, Typeplate (www.typeplate.com) is a toolkit available for raw CSS, Sass, Stylus and LESS, which begins by establishing base font settings for the HTML element in order to standardize the typographic scale in a consistent manner — without any united values for line-heights or other problematic foundations.

“Frameworks make decisions for you about how to organize, structure, and design a site. Pattern libraries don’t separate styling and markup, making them tough to use in a truly modular fashion. We weren’t satisfied, so we made a thing that doesn’t do that,” the publishers of Typeplate stated. “We don’t make aesthetic design choices, but define proper markup with extensible styling for common typographic patterns. A stripped-down Sass library concerned with the appropriate technical implementation of design patterns — not how they look.”

The company quotes typography expert Tim Brown, who advocates the use of a modular scale, or a sequence of numbers relating to each other in a meaningful way.

“Using the golden ratio [a proportion of 1:1.618 that is said to be found in everything from the design of ancient Greek architecture to the growth patterns of plants],” Brown explains, “we can produce values for a modular scale by multiplying by 1.618 to arrive at the next highest number, or dividing by 1.618 to arrive at the next number down.”

According to its publisher, Typeplate allows users to establish clearly distinguishable heading levels using esthetically pleasing, technically correct font-sizes.

“Don’t randomly pick font sizes, choose a type hierarchy that is harmonious and consistent,” a Typeplate spokesperson explains, recommending the calculator available at ModularScale.com for font planning. “Always use a modular scale that calculates those sizes from a ratio ensuring your design and typography can relate in a meaningful way.”

The company offers a wide range of advice and coding examples that detail how Typeplate handles block and pull quotes, code blocks, definition lists, drop and small capitals and print, figures, footnotes, hyphenation, indenting, Unicode ampersands, word-wrap and more. For example, on the subject of color, users are advised to follow the print world by not using the darkest black available for your body text (#000), recommending instead something softer, such as #444 with a slightly darker color for titles such as #222.

It’s advice that will help designers stand apart from the crowd, while providing food for thought and an education in the fundamentals of online typography. Check it and see!

Related:  

Copyright © 2024 Adnet Media. All Rights Reserved. XBIZ is a trademark of Adnet Media.
Reproduction in whole or in part in any form or medium without express written permission is prohibited.

More Articles

opinion

To Cloud or Not to Cloud, That Is the Question

Let’s be honest. It just sounds way cooler to say your business is “in the cloud,” right? Buzzwords make everything sound chic and relevant. In fact, someone uninformed might even assume that any hosting that is not in the cloud is inferior. So what’s the truth?

Brad Mitchell ·
opinion

Upcoming Visa Price Changes to Registration, Transaction Fees

Visa is updating its fee structure. Effective April 1, both the card brand’s initial nonrefundable application fee and annual renewal fee will increase from $500 to $950. Visa is also introducing a fee of 10 cents for each transaction, and 10 basis points — 0.1% — on the payment volume of certain merchant accounts.

Jonathan Corona ·
opinion

Unpacking the New Digital Services Act

Do you hear the word “regulation” and get nervous? When it comes to the EU’s Digital Services Act (DSA), you shouldn’t worry. If you’re complying with the most up-to-date card brand regulations, you can breathe a sigh of relief.

Cathy Beardsley ·
opinion

The Perils of Relying on ChatGPT for Legal Advice

It surprised me how many people admitted that they had used ChatGPT or similar services either to draft legal documents or to provide legal advice. “Surprised” is probably an understatement of my reaction to learning about this, as “horrified” more accurately describes my emotional response.

Corey D. Silverstein ·
profile

WIA Profile: Holly Randall

If you’re one of the many regular listeners to Holly Randall’s celebrated podcast, you are already familiar with her charming intro spiel: “Hi, I’m Holly Randall and welcome to my podcast, ‘Holly Randall Unfiltered.’ This is the show about sex, the adult industry and the people in it.

Women In Adult ·
trends

What's Hot Now: Leading Content Players on Trending Genres, Monetization Strategies

The juggernaut creator economy hurtles along, fueled by ever-ascendant demand for personality-based authenticity and intimacy — yet any reports of the demise of the traditional paysite are greatly exaggerated.

Alejandro Freixes ·
opinion

An Ethical Approach to Global Tech Staffing

One thing my 24-year career as a technologist working to support the online adult entertainment industry has taught me about is the power of global staffing. Without a doubt, I have achieved significantly more business success as a direct result of hiring abroad.

Brad Mitchell ·
opinion

Finding the Right Payment Partner

Whenever I am talking with businesses that are just getting started, one particular question comes up a lot: “How do I get a merchant account?” It’s a simple question, but it has a complicated answer.

Jonathan Corona ·
opinion

The Taxman Cometh for Every Business

February may be the month of romance, but it is also a time when we need to think about something that inspires very little love: taxes. April is not far away, and the taxman is always waiting. This year, federal and most state income taxes are due Monday, April 15.

Cathy Beardsley ·
opinion

The Continuous Journey of Legal Compliance in Adult

The adult entertainment industry is teeming with opportunity but is also fraught with challenges, from anticipating consumer behavior to keeping up with technological innovation. The most labyrinthine of all challenges, however, is the world of legal compliance.

Corey D. Silverstein ·
Show More