Typography Rules

Set rules and example on typography rules

Display / UI Font

Sans Serif Font

Rework Micro

Used For

  • Section headings

  • Article titles

  • Labels / Eyebrows

  • H1 - H2 - H4 - Navigation - UI elements (Buttons, form, Label..)

Purpose

Structure and scanability.

Editorial Font

Serif Font

Libre Baskerville

Used For

  • Editorial headings

  • Community values

  • Content groups

  • Paragraphs

  • H3 - Body text

Purpose

Adds warmth and editorial tone.

Numbers / Stats

Serif Font

New Hounds Italic

Used For

  • Display numbers

  • Stats

  • Numeric values

Purpose

Differentiates them from standard headings and body text, making them the first element the eye notices.

Component Examples for fonts combination

Example from the website

Example 2 - Community Values
H2  Our Community Values
H3  Lead With Collegiality Body text

Our Community values

When we talk about the Design Leadership Network as a community, we mean something specific. We mean a culture built on trust rather than transaction, on generosity over self-interest, on the long view instead of short-term gain, and on the conviction that leadership is not only about what we build, but how we show up for one another These six guidelines are not rules. They’re touchstones. They articulate the kind of leadership we believe in and the spirit we hope each of you brings to every conversation, collaboration, and connection.

Lead With Collegiality

Treat fellow members as peers and collaborators, including those who may be considered competitors. The DLN is not a marketplace—it is a forum for shared growth

Honor Every Role

Recognize the leadership, creativity, and expertise of all community members, whether they lead design firms, partner brands, or other enterprises. Brand partners are not mere vendors, and designer members are not mere customers

Protect the Culture

Uphold the principal -to-principal nature of the DLN. When engaging with the community, do so as a leader in your field

Example 3 - Benefits Accordion
H2  What You'll Gain As A Member
H3  Signature Events
H4 Design Leadership Summit

What You’ll Gain
as a Member

Signature Events

Design Leadership Summit

Mentor students in the Chicago City Colleges through our partnership with One Million Degrees

Regional & special events

Community Gatherings

Mentor students in the Chicago City Colleges through our partnership with One Million Degrees

Media & Resources

DLN Member Website

Mentor students in the Chicago City Colleges through our partnership with One Million Degrees

Example 4  - Stats
H2  500+
H3  Design Leaders Worldwid

500

+

Design Leadership Workshop

An intimate yet global community of architects, designers, and brand innovators.

100

+

Annual Programs & Events

From summits and forums to intimate salons, members connect year-round.

20

 Years

of Community Leadership

A proven legacy of bringing the design industry’s top voices together.

Heading Hierarchy

Heading hierarchy and purposes for fonts

H1 - Page Heading

Sans Serif Font

Rework Micro

Purpose

Defines page main title

Example

Our Partners in Design Leadership

Partners are an essential part of our creative ecosystem—leaders across industries who share our commitment to excellence, innovation, and community. From furnishings to textiles to media, each partner offers deep expertise and meaningful engagement with our network.
‍
Browse our current partners below and click through to learn more about their work, their story, and their contributions to the DLN.

H2 - Section Heading

Sans Serif Font

Rework Micro

Purpose

Defines page sections and layout structure.

Examples

Keep reading

Our Community values

When we talk about the Design Leadership Network as a community, we mean something specific. We mean a culture built on trust rather than transaction, on generosity over self-interest, on the long view instead of short-term gain.

What You’ll Gain as a Member

H3 - Content Heading

Serif

Libre Baskerville

Purpose

Used for content groups, editorial sections or community values

Examples

Signature Events

Regional & special events

Media & Resources

Lead With Collegiality

Honor Every Role

Protect the Culture

H4 - Item / Card Title

Sans Serif Font

Rework Micro

Purpose

Used for article titles and list items.

Examples

Design Leadership Summit

Mentor students in the Chicago City Colleges through our partnership with One Million Degrees

Design Leadership Workshop

Mentor students in the Chicago City Colleges through our partnership with One Million Degrees

Design Leadership Business Forum

Mentor students in the Chicago City Colleges through our partnership with One Million Degrees

Expert Access Series

Mentor students in the Chicago City Colleges through our partnership with One Million Degrees

Global Principles

Typography Principles

Sans Serif = Structure

Used for UI, navigation, and layout etc...

Serif = Editorial

Used for content that carries meaning or narrative.

Consistency Over Mixing

Do not mix serif and sans within the same hierarchy level.