HOme
Products
Core Products
Physical Cards For Collaboration & Management
Extracting The Best Part Of Every Article
VIP Membership Of Alphabag
Announcing Soon
Practical Manual To Develop Skill Set
Our Public Declaration Towards Work & Life
Integrated Solution For Strategy & Management
The Mega Course For Product Strategy, Design & Dev
Tailored Workshop & Consultancy Service
Support
Alphabag Deck Onboarding Manual
Onboarding flow after receiving the deck
Submit News Highlights
Provide content for Alphabag News
Shipping, Return and Refund Policy
The policy you may want to know
Frequently Asked Questions
Questions that you may want to ask
Company
About
Company's vision, core team & products
Blog
Our thoughts and news
Contact Us
Get in touch for any opportunities
Founder
About Kevin Hon Chi Hang
Press Kit
Download our brand assets here
Careers
Join us along with our adventure
Partnership
Sponsorship
Provide content for Alphabag News
Wholesale Inquiry
Sell our products via your network
SHOP
0
Your Cart
$ 0.00 USD
:
Remove
No items yet.
Be sure to check out the early bird offer of Alphabag Deck
Early Bird Offer
Product is not available in this quantity.
TP 004
Typographic Hierarchy
The order in which you read your information based on typeface, scale, position and style.
Explore Resources
Knowledge Brief
No items found.
Related Knowledge
Brand Typography
Web Accessibility
User Flow
A/B Testing
Web Font
Font Pairing
We can utilize the text-rendering CSS property to allow us to choose quality over speed, as well as some vendor specific properties to make our font sharper.
How Stripe Designs Beautiful Websites
leejamesrobinson.com
Web Font
Typographic Hierarchy
Animation
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
Our work is not about putting random things on screen and making them look pretty, but instead starting from the most important parts, the copy and the content, and figuring other details up from there. That’s where the core of our craft lies.
Typography for User Interfaces
viljamis.com
Copywriting
Web Font
Typographic Hierarchy
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
Before you do anything else, first identify the purpose of your design. What information do you want to convey? What is the medium for your design? Good design aligns its typography with its purpose. This is because typography is key to setting mood, tone, and style in your designs.
Typography can make or break your design: a process for choosing type
medium.freecodecamp.com
Typefaces
Typographic Hierarchy
Information Architecture
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
Repetition breeds familiarity. It has the ability to make things feel as if they belong together. It gives the feeling that someone has thought it all out, like it’s part of the plan.
8-Point Grid: Vertical Rhythm
builttoadapt.io
Brand Typography
Typographic Hierarchy
Usability Test
highlighted by
Bo-Yi Wu
In order for information to be displayed efficiently on every platform, in every environment, Samsung have developed a large range of weights, and this range of weights enables expressive design and contrast for emphasis.
SamsungOne, the New Universal Typeface for Samsung
news.samsung.com
Typographic Hierarchy
Typefaces
Brand Typography
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
A paragraph consists of five properties: typeface, font size, line length, line-height, and hyphenation & justification. All of these properties are related; change one, and you probably also have to modify the others.
Improve Your Web Typography with This One Plug-in
medium.com
Typefaces
Typography
Typographic Hierarchy
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
The main factors that will influence the readability of your text are a good balance between font size and line spacing
Getting Typography Right in Digital Design
springboard.com
Typefaces
Typographic Hierarchy
Font Pairing
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
Related Knowledge
BD 009
Brand Typography
Be cautious when choosing free fonts for your brand.
WD 066
Web Accessibility
To ensure compliance and make website ready for elderly or less privileged.
RA 008
User Flow
The steps a user performs to complete a task.
AD 024
A/B Testing
A randomized experiment with two variants to determine which one performs better.
TP 012
Web Font
Make sure to take care of font loading, font delivery, and font rendering in the code.
TP 005
Font Pairing
Contrast is the key. Don't pair two similar fonts.