Giter Club home page Giter Club logo

Comments (4)

seejamescode avatar seejamescode commented on May 18, 2024 1

Hey @qqpin, do we have any guidance for presentations yet?

from plex.

qqpin avatar qqpin commented on May 18, 2024 1

Hi
What are you looking for? Keynote presentation guidance? or line-height breakdown for selected type scales? We don't have guidance for presentation for now. but in general, we use 24px leading (line-height) for 18px.

from plex.

vilav avatar vilav commented on May 18, 2024

Hi @qqpin, hoping to get some guidance on setting up a baseline grid and having some corresponding font sizes to make it more visually pleasing and easier to read.

For instance: https://codepen.io/toddpadwick/full/KzLBrW

This is in pixels. Keynote sets fonts in points (as far as I can tell). Looking to see if there's a way to setup the baseline grid and font size in a manner similar to the link above where all text lines up to the grid well.

from plex.

seejamescode avatar seejamescode commented on May 18, 2024

Thanks for more context @vilav.

When reading this article, I notice the difference between following a baseline and our implementation. A baseline grid sets all line-heights at a multiple of the smallest line height (which would be 16px in our case).

When you look at our scale, you will notice that our line heights are much more detailed to what we find most optically pleasing. We do not plan on supporting a scale that focuses on a baseline grid. Thank you for bringing this to our attention!

from plex.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.