TypeNetwork / variable-fonts-info-site

A brochure website to demonstrate the benefits of variable fonts
https://variablefonts.typenetwork.com
Apache License 2.0
35 stars 12 forks source link

Grades Topic #92

Open dberlow opened 5 years ago

dberlow commented 5 years ago

Enclosed Rich Text and pdf contain complete Editorial, specimens and example for the topic.

Let me know questions and timing. Thanks. Topic:Grades.rtfd.zip Topic:Grades.pdf

ghost commented 5 years ago

Grades before and after pages are in. Still working on examples.

ghost commented 5 years ago

Dark mode https://variablefonts.typenetwork.com/topics/grades/dark-mode#

ghost commented 5 years ago

Light rendering https://variablefonts.typenetwork.com/examples/grades/light-rendering

dberlow commented 5 years ago

That’s fine but let’s not start using the editorial content for the specimens, “Johannes Gutenberg’s work on the printing press began in approximately 1436 when he partnered with Andreas Heilmann, owner of a paper mill.” Should be fine?

Thanks.

On May 3, 2019, at 2:05 PM, Chris Lewis notifications@github.com wrote:

Light rendering https://variablefonts.typenetwork.com/examples/grades/light-rendering

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

ghost commented 5 years ago

Will do!

On May 3, 2019, at 4:06 PM, David Berlow notifications@github.com wrote:

That’s fine but let’s not start using the editorial content for the specimens, “Johannes Gutenberg’s work on the printing press began in approximately 1436 when he partnered with Andreas Heilmann, owner of a paper mill.” Should be fine?

Thanks.

On May 3, 2019, at 2:05 PM, Chris Lewis notifications@github.com wrote:

Light rendering https://variablefonts.typenetwork.com/examples/grades/light-rendering

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread. — You are receiving this because you were assigned. Reply to this email directly, view it on GitHub, or mute the thread.

ghost commented 5 years ago

Grade circle demo is in https://variablefonts.typenetwork.com/examples/grades/grade-circle

needs a little work at smaller screen sizes

ghost commented 5 years ago

Now the circle demo shrinks on smaller screens. I thought about trying to automate the circle generation when the text re-flows, but that's a lot of math and it's pretty involved to calculate individual letter positions with javascript. Not worth taking the time right now. So this is just a fixed-typeset sample as in the original sketch.

I think the whole Grade section is ready for review by @dberlow.

ghost commented 5 years ago

Oh, the light rendering caption got truncated in the RTF, needs an update.

dberlow commented 5 years ago

We need to change the starting wight of https://variablefonts.typenetwork.com/topics/grades/dark-mode at wght 250, and perhaps use a slightly larger grade change for dark more to make it more obvious.

thanks.

dberlow commented 5 years ago

I tried "grey" for the color here: https://variablefonts.typenetwork.com/examples/grades/light-rendering

...and i think that'll be a more effective start point for the demo using the same grade change as current demo.

ghost commented 5 years ago

Dark mode lighter weight and heavier grade are in.

ghost commented 5 years ago

Gray is in.

dberlow commented 5 years ago

I know this is off-topic slightly but could we get a different grade for the selected section you’re in showing up in the side menu. For example in the enclosed variable families would be bolder grade?

On May 7, 2019, at 10:59 AM, Chris Lewis notifications@github.com wrote:

Gray is in.

— You are receiving this because you were assigned. Reply to this email directly, view it on GitHub, or mute the thread.

ghost commented 5 years ago

So for example, all this would get heavier if you're looking at any of these pages?

overview-grade
dberlow commented 5 years ago

Sorry, just the one pat your on.

On May 7, 2019, at 12:16 PM, Chris Lewis notifications@github.com wrote:

So for example, all this would get heavier if you're looking at any of these pages?

— You are receiving this because you were assigned. Reply to this email directly, view it on GitHub, or mute the thread.

ghost commented 5 years ago

Oops, Momemtum doesn't have as Grade axis. I've upped the weight from 400 to 500 for now.