Looking for the essential UI type styles for a style guide. I need to create a UI style guide for a website without actually designing a website. I’m curious what everyone sees as a broadly helpful set of type styles and what each purpose would be. eg H1/Display headline, H2/Display subheads, H3/Page headers, H4/Page subhead, H5/ Module headers, H6/ Labels or eyebrows, Large text, Medium text, Caption text, Text link, Button

(I know, I know H tags are about importance not scale)

like
Posting as :
works at
You are currently posting as works at

On my current product we have H1-H4 styles, 3 body styles 18pt, 16pt, 14pt, Eyebrow at 12pt. For the headlines we have a serif and sans serif font defined that are interchangeable based on use. General rule would be to keep it simple, they can always scale later.

likehelpful

It’s a scale… H1-4 are 60px 40px 32px and 24px. For each we have an established serif and sans serif that can be used at those sizes.

This is a bit of a how long is a piece of string question. The jumps between type sizes are part of the way a design communicates character. Without knowing what the design is trying to say (fun, serious, academic, jazzy, etc.) it’s hard to advise.

On top of all that of course are the metrics of the font selection (e.g., x-height) and breakpoints, and and and…

like

Related Posts

Hi yesterday my hr round completed in tcs but in ibegin tcs portal job got expired May i know whether I got selected or rejected

like

I’m completely new to Google cloud but I’m from CS background. I know programming, SQL, networking concepts, operating systems concepts etc. How long will it take me to prepare and pass GCP solutions architect certification? What’s your recommendation for preparing?

like

Hi all.. on-site interviews (virtual) for a PgM role coming up!! … any websites or tips / insight to help me prepare? Many thanks in advance! :-)

like

Is it routine for Google to always ask for references after final round?

like

Is someone able to compare the culture of Google to Microsoft?

like

Can anyone please let me know what is variable pay in JP Morgan ?

like
like
like

Any book recommendations on advanced procurement/sourcing concepts?

Most popular books I find such as 'Procurement and Supply Manager's Desk Reference' are not detailed/deep enough.

like

Hi everyone, I would be working in Arcesium as a contract employee (placed through a 3rd party vendor). Could you tell me how it would be for contract employees in terms of benifits, work life balance and any perks, etc. Thank you. Arcesium Tata Consultancy Infosys Cognizant Wipro

like

Hi Folks,
How much salary should a lateral hire ask for this position , at Airbus Bangalore?
Scrum Master in Scaled agile Framework (safe).
9+ years experienced , with relevant experience of 3+ years.

like

Are there any SAP / IT Project management related full time or Contract opportunities in Houston?

Does anyone know the salary rage in dallas for a staff 1 in forensics? Specifically IFCS or I&C

like

Don't forget to update your dating profiles for the holidays-

Not pictured- bad banana with a greasy black peel.

Post Photo
like

How many offices are there of TCS in gurgaon and at what locations?

like

Are there any VC firms in Toronto/Canada with comparable pay to Consulting?

likefunny

Can anyone share work culture and flexibility in olam Chennai. Also what is salary range and incentives for associate director in olam.

like

What are some of the best DC big law firms for Labor and Employment?

like

My company is looking for a content management systems that will help manage blog creation, and can be used to assign and monitor progress of completion for blogs. Does anyone have any suggestions?

like

If you join pwc with an approved I140, do they start the green card transfer (perm, i140) immediately ? I was told by recruiter it will start immediately after H1 transfer . I Wanted to know how true this is if anyone been through this

like

Additional Posts in Designers

How do you count years of experience? Lets say you were a web master for 5 years. Then you transitioned into a proper UX role and did that for 5 years. Is that 10 years of experience or 5?

like

What is it like working as a full-time graphic designer for a company (not an agency/firm)?

like

Trying to better serve the work and would love any of your thoughts on the following...
How can a strategist best serve your process? What does your ideal brief / project kickoff include?

like

Someone talk to me about Isobar and/or IA Collaborative. 👍👎❓

like

Is $180k OTE competitive compensation for a Head of Product Design in a startup? Remote role. East Coast US hours. Managing a team (hands on too) so likely not a checkbox 40h work week.

like

Anyone know what L3 means at J&J?

like

What’s a realistic salary expectation for a Senior Designer in NYC? Totally clueless what to say when recruiters ask my range

like

Looking for in-house work, feeling depressed about the options in Chicago. Anyone have any leads or advice?

like

Anybody else have a desire to bill more hours on a project than you actually work when the project itself is incredibly frustrating? In agency and/or freelance? Because let’s be real, 1 hour of standard work does NOT equal 1 hour of work when someone makes your job incredibly difficult.

like

Start up experience help! How much do you charge for taking on the entire UX of a startup companies’ app design?
Would you take a set amount of money or equity? Any experience here would help!

like

How much would you charge for a logo and business cards?

like

Where do you find nice typefaces? Adobe TypeKit isn’t looking too hot right now.

likefunny

Anyone currently working at Grubhub? I have an interview coming up and would love to hear other people’s opinions/experiences working on the product design team there. What’s the culture like?

like

What's the best way to convert RGB & CMYK values to Pantone that print accurately?? I need urgent help. Thanks!!

like

Just got laid off last week so if anyone knows of any senior designer roles let me know! Going to take some time to revamp my portfolio and resume but I would appreciate any leads.

like

Hello friends,
I wanted to share that I am in my first job as ui/ux expert and I am the only ux/ui person in the team. I am expected to take care of entire research and design of the product. It becomes very overwhelming as the product that I am working on is in a early phase and I am expected to think about ui as well as ux and also design entire app on my own.There is no user interview or user testing happening as my project manager thinks it can be done after product is launched. Please help!

like

Do you have advice on how to interview better with Amazon?

My résumé and portfolio are great, and I’ve been asked to interview with Amazon for 4 different teams now. However, it seems like I’m not making it past the first 1:1 interview. 3 out of 4 have resulted in not the right fit for reasons unknown; they don’t provide any feedback either. I have been invited for a new interview today with another team, and I am hoping 4th time is the charm. Any tips on how to do better next time?

like

Graduated in 2020, wanted to be a graphic designer, took a job at a startup in a social media role. The boss called me the "r" word for not handling entire 13-ish accounts roster well by myself. I quit. Found a role as social media specialist. Realized (again) that I hate social media. Moved to in-house mktg manager, only to be a glorified graphic designer / someone to call the city to cut down trees. I job hopped too much, I feel my portfolio is empty. How do I restart again? I feel defeated.

like

What do when you’ve already accepted a job offer but then received a better offer? Does it look bad on you to decline the first offer?

like

Has anyone built an emergent learning group in your consultancy or company that focuses on reflection, feedback, problems of practice... But amongst designers staffed on different projects/clients? How did you structure it? How did you maintain it?

like

New to Fishbowl?

Download the Fishbowl app to
unlock all discussions on Fishbowl.
That was just a preview…
Sign Up to see all discussions
  • Discover what it’s like to work at companies from real professionals
  • Get candid advice from people in your field in a safe space
  • Chat and network with other professionals in your field
Sign up in seconds to unlock all discussions on Fishbowl.

Already a user?
Login here

Share

Embed this post

Copy and paste embed code on your site

Preview

Download the
Fishbowl app

See what’s happening in your industry
from the palm of your hand.

A phone with Fishbowl app

Scan your QR code to download
Fishbowl app on your mobile

Download app

Sign up for free to view this conversation on Fishbowl

By continuing you agree to Terms of Use and Privacy Policy

Already have an account? Log in

Sign up for free to continue using Fishbowl

By continuing you agree to Terms of Use(New) and Privacy Policy(New)
Messaging rates may apply

Already have an account? Log in

For account settings, visit Fishbowl on Desktop Browser or

General

Legal