Creating a Typographic System With Variable Fonts

I was asked to put together a last-minute fact sheet for the Scalia Law fall 2022 entering class. The goal was to showcase the numbers, such as 2114 applicants, 415 admitted, and 53% women. Because of the time constraint, I decided on a typographic direction.

Based on the provided content, I created a nine-column grid system to organize all the numbers and the corresponding texts. For typesetting, I chose Acumin, designed by Robert Slimbach, for its variable fonts, which provided a wide range of weights and widths. Once the grid system was in place, I filled in the columns with the numbers. While experimenting with variable fonts, I discovered that I could keep the weights constant, but change the widths based on the digits of the numbers. The longer the digits the narrower the glyphs and vice versa.

I ended up creating a typographic system, in which the numbers stayed balanced but dynamic. The result was simple on the surface, but sophisticated underneath with a solid grid and typographic foundation. This was one of the reasons I loved working with variable fonts. They offered limitless flexibility and precise control at the same time. Take a look at the high-resolution version of the fact sheet.

Interview Questions

I found Sam Daugherty’s questions to ask during the interview process to be helpful; therefore, I wanted to repost them here:

Task-related Questions

  • What is the skills gap you’re trying to fill?
  • What are the ideal skills or experiences for someone in this role?
  • What does the day-to-day look like?
  • What are some high-level problems I’ll be working to solve?
  • What are the backlog problems I’ll need to solve?

Job-related questions

  • Is this a backfill position or a growth position?
  • What does success look like in this role?
  • What does collaboration and communication look like on your team and between teams/departments?
  • What is the average timeframe allotted to research/design a solution?
  • What is the makeup of the team and how are tasks divided?

Long-term questions

  • What kind of growth opportunities are there?
  • Where do you see this role/team in 3 years?
  • Are there opportunities for mentorship?
  • Do you see the team growing and what sort of growth do you expect?

Company questions

  • Describe the culture of the team and the company for me?
  • What made you want to work for [company] and what’s kept you here?
  • How often do you have to work late, on weekends, or feel compelled to respond after hours?
  • What does taking time off look like and are you expected to respond to messages during vacation?
  • Are there opportunities to travel and meet the team in person (if remote)?

More tips in the comment section from Jared Spool:

If you open with “When you hire the right person to join your team, what would y’all be able to accomplish that you’re not accomplishing right now?,” you’re showing that you’re very interested in the team’s success. It gives you an opening for many of the follow-up questions.

Chances are, from the answer, you won’t even have to ask many of them. For example, you’ll likely learn if the reason they’re hiring is that there’s a skill gap or that they’re just shorthanded. You’ll learn if it’s work on the backlog or if these are high-level problems being solved (or high-level problems on the backlog).

You can even ask what they’ve tried in the past to accomplish these things and explore what didn’t quite work out. That’ll give you good insights into the history of “how did you get to this moment” (something that lots of folks forget to ask about), which can be quite telling about how the team and organization works.

With every follow-up question, you can mentally build up a case as to what’s in your history that would make you an ideal candidate. You can wrap things up with a summary of that.

Huỳnh Trọng Khang: Phật trong hẻm nhỏ

Đọc mấy truyện đầu không cảm nhận được vì chưa quen cách viết của tác giả. Khi nắm được lối đưa văn của tác giả thì mấy truyện sau cảm thấy hứng thú hơn. Tôi đọc tập truyện ngắn này khá lâu vì gần đây viết nhiều hơn đọc. Đồng thời bị phân trí nên cũng không nhớ rõ những câu chuyện đã đọc. Tôi chỉ nhớ nhất là truyện cuối “Tục đế” với đề tài xã hội, tình dục, và Phật giáo. Chắc chắn sẽ quay lại với tập truyện ngắn này trong tương lai.

Committing to the Dark Side

Skiing is fantastic and I still love skiing. Last season, I learned all I could and reached my goal. I went from green slopes to double black diamonds. I will keep on skiing, but I also want to try snowboarding again this season. Last season, I took one lesson, snowboarded for one day, and gave up.

Several months ago, I bought a used board for Đán, but he didn’t want it. He didn’t want to change. Since he was comfortable with the last year’s board we rented, he ended up renting the same board again. The board I bought is a bit too long for him, but might be good for me. I sharpened the edges, fixed the base, and gave it a good wax. The board is now pretty slick. I bought a pair of brand new thirtytwo Zephyr boots on sale for a decent price.

Now that I have everything I need, I am going to make the commitment to snowboarding. I will learn on my own via YouTube. I will take my time to get it right this time. I will document my progress on here like I had done with skiing.

Bài thơ hỏi ngã

Bài thơ này bà xã gửi cho tôi đọc vì thấy tôi viết tiếng Việt sai chính tả như điên. Đọc thấy cũng học hỏi được nên copy lại quyên bài về đây. Không biết tác giả là ai.

Mũm mĩm béo, mỉu mỉm cười.
Củ quả dành để biếu người xưa.
Khiễng chân, chậu khiểng đu đưa
Kẻo hết, kẽo kẹt đêm mưa võng buồn.
Hổ thẹn chưa hỗ trợ lương.
kia gả bán người thương vì tiền
Hảo tâm lo chuyện hão huyền.
Đi buôn lỗ vốn, nước màu lổ loang.
Phủ phê chừ mới phũ phàng
Nửa đường gãy gánh, gảy đàn tìm vui.
Gãi đầu tính ngược, tính xuôi.
Còn lưng nửa vốn nữa thời tính sao.
Giãi bày giải nghĩa dễ đâu
Chưa kịp ẩu đả qua cầu đã xong.
Run rẩy phát rẫy dọn nương
Gỡ rối điềm gở rộng đường nhân sinh.
Chú rể bứt rễ cây quỳnh
Ra sức bửa củi cho mình bữa ăn.
Bẩm thưa, bụ bẫm con người
Nói năng tao nhã, chim kia nhả mồi.
ngoài mồ mả xinh tươi
Nhường cơm sẻ áo cho người sẽ vui.
Linh cữu vĩnh cửu ai ơi
Cữ kiêng cử động bệnh thời sẽ qua.
Tẻ nhạt, gạo tẻ của ta
Gần mà giữ kẽ thà ra kẻ thù.
Khẻ mỏ, nói khẽ như ru
Cỗ bàn, cổ kính công phu phụng thờ.
Bỗng dưng trầm bổng bất ngờ
Bĩu môi dè bỉu ai chờ đợi ai.
Bắt bẻ, bẽ mặt tía tai
Lẻ loi lý lẽ gạt ngoài chẳng nghe.
Ngoài vườn chỏng gọng chõng tre.
Cải thiện, cãi lại khó mà hoà nhau.
Chĩnh (hũ) tương nghiêng, chỉnh sửa mau.
Củng cố lời nói cho nhau cũng đành.
Cỏi trói cỡi (cưỡi) ngựa phi nhanh
Xem ai cứng cỏi được dành cõi tiên.
Bảo ban, bão tố khắp miền
Hảnh nắng, hãnh diện tuỳ duyên tuỳ thời.
Hồ đầy xả nước cho vơi
Giữ gìn tắc kẻo thời suy vong.
Chèo bẻo, bạc bẽo dài dòng
Quê hương rất đỗi đổi thay phố phường.
Nghĩ mình ngơi nghỉ dưỡng thương
Tĩnh tâm tỉnh ngộ tìm đường ẩn cư.
Tiểu đội còn bận tiễu trừ
Ngỡ rằng bảnh tẻn thành dư tẽn tò.
Sải tay chú sãi thập thò
Nhân sự thừa thãi bị toà thải ra.
Đứng sững, sửng sốt sợ ma
Trẻ thơ nói sõi nhặt sỏi đá trôi.
Trả nợ bằng một trã xôi
Nãy giờ còn đợi hạt thôi nảy mầm.
Ẩn , sỉ nhục giận căm
Giả dại giã gạo thăng trầm cho qua.
Quẫn trí nghĩ quẩn sa đà
Chấp nhận xúi quẩy hơn là quẫy đuôi.
Đâm thủng, thũng xuống thấp rồi
Đòn bẩy được dịp lên đồi bẫy chim.
Đội ngũ giấc ngủ lim dim
Ân sủng ướt sũng nằm im chờ thời.
Tủm tỉm, đánh tũm không lời
cầm, tuyến… vỉ ruồi giúp ta.
Rác rưởi gấp rưỡi hôm qua
Đẩy xe, đẫy giấc người ta chối từ.
Đảng phái, đãng trí ưu tư
Dở hơi, dở thói tật hư dỡ nhà.
Lẩn quẩn, lẫn lộn tuổi già
Đỉnh chung, đĩnh đạc cũng là đỉnh cao.
Để dành, hiếu đễ về sau
Cô bé tròn trịa thật là dễ thương.
Dỏng tai, dõng dạc khiêm nhường
Rảnh rỗi san lấp rãnh mương trước nhà.
Qua ngõ, ngỏ lời hát ca
Quảng cáo – thực tế cách ba quãng đường.
Rủ rê quyến nhiễu nhương
Rổ sảo, rỗ mặt vấn vương một thời.
Chửa đẻ, chữa bệnh ai ơi
Trường hợp hãn hữu xin thời bỏ qua.
Phá cũi làm củi bếp nhà
Xén bớt công quĩ, quỉ ma chẳng từ
Hạt dẻ, đất dẽ suy tư.
Sàng sảy ít gạo đến giờ chưa xong
Rửa nhục thối rữa mặc lòng.
Hen suyễn, suy suyển đợi mong bao ngày.
Cưỡng đoạt chim cưởng trong tay
Xin đừng cà rỡirởn gai ốc rồi.
Sửa chữa, sữa mẹ em ơi
Sẫm màu, sẩm tối xin mời ghé thăm.
Mẩu bánh dành biếu mẫu thân
Đắt rẻ, ngã rẽ bao lần em qua.
Sỗ sàng, sổ toẹt chẳng tha
Giả thật, giã gạo cho qua tháng ngày.
Gây gổ, cây gỗ chuyền tay
Cánh hẩu chầu hẫu ngồi chờ đổi ngôi.
Mưa rỉ rả mệt người
Rão gân cốt, rảo bước thời đi nhanh.
Cây sả, suồng là anh
Tả thực, lót để dành trẻ con.
Chàng hảng ai mở hãng buôn
Kỷ luật kỹ xảo mình luôn ghi lòng.
Hủ tục, gạo ngày đông
Hỏi ngã khó, chớ ngã lòng ngả nghiêng…!

The Caged Bird Sings

The wool’s removed and now I see
My leg was pulled, the joke’s on me
So heartbreaking, like loving a whore
Might hurt ya once, but never no more
It’s like trying to fly but they clipping your wings
And that’s exactly why the caged bird sings.

Malice (An excerpt from “We Got It for Cheap”)

Ten Poems on Homeland Trees for the Young Souls

While browsing through the Vietnamese section in Fairfax County Public Library, I came across a children poetry book titled Cây cối quê hương (Homeland Trees). The book has ten poems selected among the best in the treasury of Vietnamese literature for children. The poems were compiled by Lê Phương Liên and translated by Hiếu Trần.

After reading a few poems on the spot, I have to include them in my samples for Vietnamese Typography. The beautiful, innocent, and poetic words lit up my soul and brought me back many childhood memories. For the kids, these poems will bring them closer to nature and help with their language development in Vietnamese and English.

I spent my rainy Saturday being stuck inside and whipping up a simple webpage. For typesetting, I combined Lang, designed by Stephen Nixon, and Gimlet Sans, designed by David Jonathan Ross. For visual presentations, I got the photos from Unsplash.

Enjoy!

Update:

Rob Blake tweets:

This is beautiful and inspiring. Amazing to see the web mature as a medium for both poetry and typography.

I really appreciate that.

Hồng Nhung Đỗ: Trăm nhớ ngàn thương

Thị trường âm nhạc Việt Nam hầu hết là phát hành album mới cover lại nhạc xưa, nhất là những tình khúc nổi tiếng. Nghe đi nghe lại riết cũng ngán ngẩm nếu như không có gì mới mẻ trong cách hát hoặc sáng tạo trong phần hòa âm phối khí. Tuy nhiên cũng có những album thu âm lại nhạc xưa với sự đầu tư kỹ lưỡng trong phối khí lẫn tiếng hát như album đầu tay, Trăm nhớ ngàn thương, của Hồng Nhung Đỗ.

Đây là lần đầu tiên tôi được nghe tiếng hát của Hồng Nhung Đỗ. Tuy không biết gì về cô nhưng tôi thích ngay chín ca khúc cô thu âm trong album. Cô có chất giọng tốt và hát rất có hồn nhưng vẫn chưa đủ nếu như thiếu đi phần hòa âm phối khí sang trọng và sáng tạo. Từ bài mỡ màng “Giọt mưa thu” (Đặng Thế Phong và Bùi Công Kỳ) đến bài cuối “Ai đi ngoài ngoài sương gió (Nguyễn Hữu Thiết), Hồng Nhung Đỗ cũng những nhạc sĩ phối khí, Lưu Hà An, Hoàng Trung Đức, và Hoàng Anh Minh, đem đến cho người nghe một trải nghiệm âm nhạc trọn vẹn qua những âm hưởng bán cổ điển. Đặc điểm là cô cover lại những ca khúc của hai cây cổ thụ của nhạc Việt: Phạm Duy và Lam Phương. Tuy hai người nhạc sĩ với hai phong cách hoàn toàn khác nhau nhưng album vẫn giữ được sự liền lạc chứ không bị chi phối.

Tối thứ Sáu trời mưa dầm dề và thời tiết se lạnh, còn gì hơn được ngồi ở nhà thưởng thức một album Việt Nam cùng một chai whiskey Nhật Bản. Không cần mồi cũng đủ phê.

Self Review for 2021-2022

It’s the time of the year when I dread the most. This year, I have a new supervisor and I also have to review the Web Content Specialist who is reporting to me. I am not good at writing review of my own performance, but I am just going to plow through it. Here we go.

Job Function 1

My main responsibility as Director of Design and Web Services is designing, updating, and maintaining the main law school website.

  1. The contents on the main school website are being updated on a daily basis. I work closely with our Web Content Specialist to make changes according to requests. We also make sure the contents are accurate and accessible.
  2. I make incremental rather than drastic changes to the design of the main law school website. The small changes improved the user experience without catching the users off guard. Redesign is in progress and it is being rolled out in components.
  3. Maintaining the backend server is the crucial responsibility in this role. Keeping the technologies up‐to‐date is essential in longevity as well as security. I implemented content delivery network (CDN) to speed up the site performance and web application firewall (WAF) to prevent hacking attempts.

Job Function 2

My second responsibility is maintaining a network of websites for the Scalia Law community. The WordPress Multisite is powering almost 50 sites ranging from intranets to centers to institutes to faculty members to student organizations to marketing sites. We let stakeholders updating their own sites, but we assist them when they need new functionalities or troubleshooting WordPress issues.

Job Function 3

As Director of Design and Web Services, I serve the Law School community with their websites, print marketing materials, and content updates. I work with outside agencies and vendors on their behalf to make sure they have all the resources (web servers, social media access, analytics) to do their job.

Accountability

  • I take full responsibility for my role in keeping our web presence attractive, up‐to‐date, accessible, readable, and secured.
  • I take my supervision responsibility to make sure we’re on the same page. For example, our HTML markups and coding must be cleaned, organized and readable. Our content on the web must be clear, accurate, and error‐free.
  • I take full accountability in all of my areas of responsibility in order to meet the mission and goals of the law school and university.

Collaboration and Civility

  • I work closely with everyone at the law school as well as colleagues in the University to provide the highest services to meet the Mason standards.
  • I am a team player and I always listen respectfully to others.

Self-Development

  • I always seek to learn latest web developments.
  • I continue to hone my writing skills.
  • I reach out to colleagues within our department or the university for projects we can collaborate.
  • I always stay on top of new technologies in my field.
  • I seek out new, exciting projects, which benefit the law school and also enhance my self development.

Diversity and Inclusion

  • As a minority member, I understand the important of inclusive and diversity.
  • I listen, respect, and contribute to diversity and inclusivity.
  • I have a strong and deep understanding of the value of diversity and models inclusiveness in working with our diverse staff and all members of the law school and university community.

Leadership

  • I encourage my web developers and content web specialists to reach their goals. In addition to the work for the law school, I encourage them to take on projects that will help them grow their career.
  • I provide leadership to the law school community in my areas of responsibility. I make sure that my goals for the school’s websites and print projects align with the goals and mission of the law school and university.

Mentors and Coaches

  • I am always opened to help others who need feedback on graphic design and web development.
  • I continue to update the web design and development blog to provide in‐depth documentation on MODX and all of the special features that I have implemented over the years.
  • I also encourage the staff who work for me to contribute to the blog, which allows them to improve their analytical skills.

Stewardship

  • I look for resources offered by the university before considering outside vendors.
  • I maintain confidential information related to work.
  • I maintain the highest integrity in his work and interactions with others and adheres to law school and university core values.
  • I hold myself to the highest ethical and professional standards and encourages and inspires others who work with me to do the same.

When You Hate Yourself for Revisiting Old Wounds

You revisit old wounds for the same reason
birds will come back to the places
their nests have been destroyed
The mind walks into the same room
because it wants to know how to fix
those floorboards, paint the walls,
turn this into a more habitable place
if it tries something different from the last time.
This is survival.
This is learning how to live through pain
once the skeletons have decided to walk out
of the closet and refuse to go back in again.
Call it the worst story you have ever owned,
a car crash within your bones
that you cannot stop staring at.
But the only way to understand pain
is to look at it and feel it
without turning away.
There is no shame in this.
Eventually, it will scab over and heal.

Nikita Gill

Contact