100% found this document useful (1 vote)
30 views

Get Building Design Systems: Unify User Experiences through a Shared Design Language Sarrah Vesselov free all chapters

Language

Uploaded by

elahatornokd
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
100% found this document useful (1 vote)
30 views

Get Building Design Systems: Unify User Experiences through a Shared Design Language Sarrah Vesselov free all chapters

Language

Uploaded by

elahatornokd
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 55

Download the Full Version of textbook for Fast Typing at textbookfull.

com

Building Design Systems: Unify User Experiences


through a Shared Design Language Sarrah Vesselov

https://textbookfull.com/product/building-design-systems-
unify-user-experiences-through-a-shared-design-language-
sarrah-vesselov/

OR CLICK BUTTON

DOWNLOAD NOW

Download More textbook Instantly Today - Get Yours Now at textbookfull.com


Recommended digital products (PDF, EPUB, MOBI) that
you can download immediately if you are interested.

Fundamentals of User-centered Design Brian Still

https://textbookfull.com/product/fundamentals-of-user-centered-design-
brian-still/

textboxfull.com

Level design : processes and experiences 1st Edition


Totten

https://textbookfull.com/product/level-design-processes-and-
experiences-1st-edition-totten/

textboxfull.com

Curriculum Planning with Design Language Building Elegant


Courses and Units 1st Edition Ken Badley

https://textbookfull.com/product/curriculum-planning-with-design-
language-building-elegant-courses-and-units-1st-edition-ken-badley/

textboxfull.com

Building an API Product: Design, implement, and release


API products that meet user needs 1st Edition Bruno Pedro

https://textbookfull.com/product/building-an-api-product-design-
implement-and-release-api-products-that-meet-user-needs-1st-edition-
bruno-pedro/
textboxfull.com
Tall building design: steel, concrete, and composite
systems 1st Edition Bungale S. Taranath

https://textbookfull.com/product/tall-building-design-steel-concrete-
and-composite-systems-1st-edition-bungale-s-taranath/

textboxfull.com

Org Design for Design Orgs: Building and Managing In-House


Design Teams 1st Edition Peter Merholz

https://textbookfull.com/product/org-design-for-design-orgs-building-
and-managing-in-house-design-teams-1st-edition-peter-merholz/

textboxfull.com

Integrating a usable security protocol into user


authenticationservices design process First Edition Braz

https://textbookfull.com/product/integrating-a-usable-security-
protocol-into-user-authenticationservices-design-process-first-
edition-braz/
textboxfull.com

Enabling Collaborative Governance through Systems Modeling


Methods: Public Policy Design and Implementation Carmine
Bianchi
https://textbookfull.com/product/enabling-collaborative-governance-
through-systems-modeling-methods-public-policy-design-and-
implementation-carmine-bianchi/
textboxfull.com

Visual Experiences: A Concise Guide to Digital Interface


Design 1st Edition Carla Viviana Coleman

https://textbookfull.com/product/visual-experiences-a-concise-guide-
to-digital-interface-design-1st-edition-carla-viviana-coleman/

textboxfull.com
Building
Design Systems
Unify User Experiences through a
Shared Design Language

Sarrah Vesselov and Taurie Davis
Building Design
Systems
Unify User Experiences
through a Shared Design
Language

Sarrah Vesselov
Taurie Davis
Building Design Systems: Unify User Experiences through a Shared Design
Language
Sarrah Vesselov Taurie Davis
Dade City, FL, USA Portland, OR, USA

ISBN-13 (pbk): 978-1-4842-4513-2  ISBN-13 (electronic): 978-1-4842-4514-9


https://doi.org/10.1007/978-1-4842-4514-9
Copyright © 2019 by Sarrah Vesselov and Taurie Davis
This work is subject to copyright. All rights are reserved by the Publisher, whether the whole or
part of the material is concerned, specifically the rights of translation, reprinting, reuse of
illustrations, recitation, broadcasting, reproduction on microfilms or in any other physical way,
and transmission or information storage and retrieval, electronic adaptation, computer software,
or by similar or dissimilar methodology now known or hereafter developed.
Trademarked names, logos, and images may appear in this book. Rather than use a trademark
symbol with every occurrence of a trademarked name, logo, or image, we use the names, logos,
and images only in an editorial fashion and to the benefit of the trademark owner, with no
intention of infringement of the trademark.
The use in this publication of trade names, trademarks, service marks, and similar terms, even if
they are not identified as such, is not to be taken as an expression of opinion as to whether or not
they are subject to proprietary rights.
While the advice and information in this book are believed to be true and accurate at the date of
publication, neither the authors nor the editors nor the publisher can accept any legal
responsibility for any errors or omissions that may be made. The publisher makes no warranty,
express or implied, with respect to the material contained herein.
Managing Director, Apress Media LLC: Welmoed Spahr
Acquisitions Editor: Louise Corrigan
Development Editor: James Markham
Coordinating Editor: Nancy Chen
Cover designed by Taurie Davis
Distributed to the book trade worldwide by Springer Science+Business Media New York,
233 Spring Street, 6th Floor, New York, NY 10013. Phone 1-800-SPRINGER, fax (201) 348-4505,
e-mail [email protected], or visit www.springeronline.com. Apress Media, LLC is a
California LLC and the sole member (owner) is Springer Science+Business Media Finance Inc
(SSBM Finance Inc). SSBM Finance Inc is a Delaware corporation.
For information on translations, please e-mail [email protected], or visit www.apress.com/
rights-permissions.
Apress titles may be purchased in bulk for academic, corporate, or promotional use. eBook
versions and licenses are also available for most titles. For more information, reference our Print
and eBook Bulk Sales web page at www.apress.com/bulk-sales.
Any source code or other supplementary material referenced by the authors in this book is available
to readers on GitHub via the book’s product page, located at www.apress.com/9781484245132.
For more detailed information, please visit www.apress.com/source-code.
Printed on acid-free paper
Table of Contents
About the Authors��������������������������������������������������������������������������������ix
About the Technical Reviewer�������������������������������������������������������������xi
Acknowledgments�����������������������������������������������������������������������������xiii
Introduction����������������������������������������������������������������������������������������xv

Chapter 1: The Rise of Design Systems������������������������������������������������1


A History of Systems in Design�����������������������������������������������������������������������������2
The Intersection of Art, Technology, and Industry�������������������������������������������������5
The Rise of the Web�����������������������������������������������������������������������������������������5
Technological Advancements��������������������������������������������������������������������������7
The Influence of Technology on Business��������������������������������������������������������9
The Move to Agile������������������������������������������������������������������������������������������10
Tying It All Together���������������������������������������������������������������������������������������������11

Chapter 2: Introducing Design Systems���������������������������������������������13


Style Guides, Component Libraries, and Design Systems�����������������������������������15
The Right Time to Implement a Design System��������������������������������������������������17
Age of the Organization���������������������������������������������������������������������������������17
Team Size������������������������������������������������������������������������������������������������������18
Volume and Type of Work������������������������������������������������������������������������������18

iii
Table of Contents

Approaching the Start of Your Design System����������������������������������������������������19


Understanding Why Design Systems Fail������������������������������������������������������������20
Lack of Initial Buy-In��������������������������������������������������������������������������������������20
Trying to Do Too Much, Too Soon�������������������������������������������������������������������21
Perfectionism������������������������������������������������������������������������������������������������21
Maintenance��������������������������������������������������������������������������������������������������22
Design System Envy��������������������������������������������������������������������������������������22
Tying It All Together���������������������������������������������������������������������������������������������23

Chapter 3: Selling the System������������������������������������������������������������25


Defining Why Design Systems Are Beneficial�����������������������������������������������������25
Three Dimensions of Value����������������������������������������������������������������������������26
Communication Strategies����������������������������������������������������������������������������������44
Diplomacy������������������������������������������������������������������������������������������������������44
Education�������������������������������������������������������������������������������������������������������45
Salesmanship: Preparing for the “No”�����������������������������������������������������������46
Good Public Relations!�����������������������������������������������������������������������������������47
Selling Your System Worksheet��������������������������������������������������������������������������47
Tying It All Together���������������������������������������������������������������������������������������������49

Chapter 4: Design As a Language�������������������������������������������������������51


Lexicon: The Elements of Your System���������������������������������������������������������������53
Building Up Elements������������������������������������������������������������������������������������53
Breaking Down Interfaces�����������������������������������������������������������������������������55
How a System Helps You Scale Design���������������������������������������������������������55
Grammar: The Guidelines of Your System�����������������������������������������������������������56
Different Types of Guidelines�������������������������������������������������������������������������57
Contextual Rules��������������������������������������������������������������������������������������������58

iv
Table of Contents

Design Principles������������������������������������������������������������������������������������������������59
Defining Design Principles����������������������������������������������������������������������������59
A Practical Guide to Creating Your Own���������������������������������������������������������60
A Shared Language���������������������������������������������������������������������������������������������62
Tying It All Together���������������������������������������������������������������������������������������������62

Chapter 5: Implementing Your System�����������������������������������������������63


Assessing Your Organization�������������������������������������������������������������������������������63
Type of Organization��������������������������������������������������������������������������������������64
Stakeholder Buy-In����������������������������������������������������������������������������������������65
Team Size������������������������������������������������������������������������������������������������������65
Gathering a Support System�������������������������������������������������������������������������������66
Assessing Your Product���������������������������������������������������������������������������������������67
Utilize an Interface Inventory�������������������������������������������������������������������������67
Creating a Predictable Architecture��������������������������������������������������������������������68
Categorizing to Improve Discoverability��������������������������������������������������������69
Card Sorting���������������������������������������������������������������������������������������������������70
Layout�����������������������������������������������������������������������������������������������������������������71
Spacing����������������������������������������������������������������������������������������������������������71
Grid����������������������������������������������������������������������������������������������������������������73
Styles������������������������������������������������������������������������������������������������������������������74
Creating a Typographic System���������������������������������������������������������������������75
An Accessible Color System��������������������������������������������������������������������������76
Uniform Iconography�������������������������������������������������������������������������������������78
Components��������������������������������������������������������������������������������������������������������79
Creating a Component Library�����������������������������������������������������������������������79
Tooling�����������������������������������������������������������������������������������������������������������79
Building Components������������������������������������������������������������������������������������80

v
Table of Contents

Regions���������������������������������������������������������������������������������������������������������������81
Content����������������������������������������������������������������������������������������������������������������82
Usability��������������������������������������������������������������������������������������������������������������82
Accessibility��������������������������������������������������������������������������������������������������83
Internationalization����������������������������������������������������������������������������������������84
Technical Implementation�����������������������������������������������������������������������������������84
A Single Source of Truth��������������������������������������������������������������������������������84
Incremental Implementation�������������������������������������������������������������������������85
Documentation����������������������������������������������������������������������������������������������������86
Establish a System That Self-Documents������������������������������������������������������87
Searchability��������������������������������������������������������������������������������������������������88
Tying It All Together���������������������������������������������������������������������������������������������88
Case Studies��������������������������������������������������������������������������������������������������89

Chapter 6: Measure and Maintain������������������������������������������������������93


Measuring Effectiveness�������������������������������������������������������������������������������������93
Gathering Data Through Goal-Setting������������������������������������������������������������94
Gathering Data Through Surveys�������������������������������������������������������������������96
Maintaining Your System in the Face of Growth������������������������������������������102
Iterating on Components and Guidelines����������������������������������������������������������106
Making Room for Revisions�������������������������������������������������������������������������106
Utilizing Research����������������������������������������������������������������������������������������107
Communicating Changes�����������������������������������������������������������������������������108
Tying It All Together�������������������������������������������������������������������������������������������108

Chapter 7: A GitLab Case Study��������������������������������������������������������111


Background�������������������������������������������������������������������������������������������������������111
Problem�������������������������������������������������������������������������������������������������������������112
Our Roles����������������������������������������������������������������������������������������������������������112

vi
Table of Contents

Sarrah����������������������������������������������������������������������������������������������������������113
Taurie�����������������������������������������������������������������������������������������������������������114
Challenges��������������������������������������������������������������������������������������������������������115
Misconceptions and Buy-In�������������������������������������������������������������������������115
Resourcing��������������������������������������������������������������������������������������������������117
Tooling���������������������������������������������������������������������������������������������������������120
Structure and Setup������������������������������������������������������������������������������������121
Component Redundancy: Buttons, Badges, Labels, Tags, Oh My!���������������123
Communicating Value����������������������������������������������������������������������������������125
Lessons Learned�����������������������������������������������������������������������������������������������127
Next Steps���������������������������������������������������������������������������������������������������������128
Marketing����������������������������������������������������������������������������������������������������128
Less Reliance on Design Tools��������������������������������������������������������������������130
Tying It All Together�������������������������������������������������������������������������������������������130

Chapter 8: Design Systems As a Resource���������������������������������������133


The Role of Open Source�����������������������������������������������������������������������������������133
Researching Other Systems������������������������������������������������������������������������������134
Commonalities���������������������������������������������������������������������������������������������135
Differences��������������������������������������������������������������������������������������������������136
Tying It All Together�������������������������������������������������������������������������������������������139

Index�������������������������������������������������������������������������������������������������141

vii
About the Authors
Sarrah Vesselov is a designer and developer
with more than 10 years’ experience in
web design and development. As the UX
manager at GitLab, she helped set the overall
direction of UX from a design and application
experience perspective. Before landing at
GitLab, she was lead UX designer and UI
developer at Nitro Solutions and UI/UX
manager at Mad Mobile, building beautiful
experiences for clients including Aeropostale,
Payless, Sysco, Talbots, and AutoNation. She
served as Director of the Tampa chapter of Women Who Code for several
years and is passionate about teaching and mentoring the next generation
of tech.

Taurie Davis is a UX and product designer


who specializes in applying user-centered
design methods to create cohesive, intuitive,
and compelling experiences. In her role
as Staff UX designer at GitLab, she actively
contributed to their design system as a primary
maintainer. Her experience includes working
with startups and mentoring designers around
the world. She is passionate about the open
source community and growing open design
practices.

ix
About the Technical Reviewer
Bermon Painter has spent the past 20 years
focusing on product strategy, design, and web
development across a handful of industries.
In his current role at EY Digital, Bermon leads
innovation initiatives that help organizations
create holistic experiences, digital products,
and services, with an eye toward delivering
value to customers. Bermon is also responsible
for building and staffing the EY wavespace™
in Charlotte, a physical innovation space equipped with accelerator
programs, co-creation activities, and facilitated design thinking sessions
that help teams get in the mindset of approaching challenging problems
differently, reinforcing the value of diverse thinking, and creating solutions
through rapid prototyping.
As the innovation and strategy lead at EY digital, Bermon applies
his expertise in experience strategy, design thinking, agile and lean
methodologies, and interface design and development. He frequently
speaks at conferences and facilitates workshops around the world. In his
local community, Bermon organizes and hosts numerous free community
events, hosts a quarterly mini-­conference called FusionConf, and leads the
Charlotte IxDA chapter.
Before joining EY, Bermon led various cross-discipline teams
that crafted holistic product strategies all the way to end-to-end
implementation of digital products and services. His claim to fame is
having designed the Sass logo. In his free time, he enjoys drinking a tasty
frosted mug of root beer while maniacally twisting his mustache.

xi
Acknowledgments
Sarrah and Taurie would like to thank the designers we worked alongside
and from whom we learned so much about building design systems: Pedro
Moreira da Silva, Dimitrie Hoekstra, Chris Peressini, Matej Latin, Hazel
Yang, Jeethu Karthik, and Annabel Dunstone (who pulled double duty
between design and front-end).
Thank you to Simon Knox, Winnie Hellmann, and Clement Ho. Your
excitement kept our momentum going, and the engineering support was
invaluable.
Thank you to Bermon Painter. Your insight made this book that much
stronger.
We would like to acknowledge the many industry professionals out
there writing and speaking about their work on design systems. When
we were first starting our own design systems, your perspective was
indispensable and inspired us to share our personal stories and insights
here in this book.
Sarrah: Special thanks to my husband, Daniel Urdzik. Without you
there to feed me and make me take breaks, I may have died while writing
this book. Thank you to my sons, Ni and Maxim Vesselov, for vacating the
premises until this book was complete. You can come back now.
Taurie: Special thanks to Lucas Charles for being my constant
sounding board, reading and editing chapters countless times, making me
endless meals, and giving your full support throughout this entire process.
Thank you to Marla Davis for always listening. And last, thanks to Sarrah
for sharing this journey with me.

xiii
Introduction
When you first begin building a product, the work is fast-paced and
exciting. Most of your time is spent heads down, meeting deadlines.
The problems you are solving become more evident as you gain a better
understanding of the user base. As your comprehension grows, ideas
and solutions are formed. Each member of the team has a part to play in
crafting the user experience of that product.
The Designer: You have a system for housing design files, but they aren’t
easily accessible to product managers and developers. Collaborating with
those outside of the design department is time-consuming. Screenshots
and exported artboards are shared back and forth, and there are constant
updates and tweaks required. With no overarching guidelines for your
work, you find yourself defending the same choices and solutions over and
over again. Looking for the right design file becomes a sport, and it can be
hard to remember who worked on what. To make matters worse, you don’t
feel like you have any real input into the product road map. By the time you
become involved, the product manager is focused on a solution rather than
the problem being solved.
The Front-end Engineer: Much of your time is spent on developing
the same code solutions within different contexts. You try to provide
feedback to the design team, but it often feels as though you not only
work in different departments, you work on different planets. You don’t
have access to design files and don’t have much insight into the why or
how behind the decisions the design team is making. You are noticing
inconsistencies in the text, color, and spacing across screens, and the code
is a mess.

xv
Introduction

The Product Manager: There is a lot of pressure from users and other
stakeholders to deliver. The road map is long, and the resources are small.
It feels as though there aren’t enough designers and developers available
to handle all the work that needs to be done. There are lots of minor
problems you think you can solve on your own, but you don’t want to step
on anyone’s toes. It would be great if the design department could give
more input on the road map and vision for the product, but you know they
are stretched thin.
Somehow, amid all of this chaos, you need to provide users with a top-­
notch user experience.
If this sounds familiar, don’t worry; you are not alone. As products,
teams, and organizations scale, it becomes more difficult to maintain
speed and efficiency without a concerted effort. In this book, we will show
you how, and when, a design system can be used to solve the problems
faced by teams building one product or many.
Design systems offer a way for organizations to build products at scale.
Don’t let the name fool you; design systems are not just for designers. They
benefit the entire organization and offer a foundation for collaboration
and innovation. Design systems are a collection of shared principles and
practices that help to inform the work of designers, product managers,
and engineers, as well as sales and marketing. They offer a single source
of truth and are the guiding light for the design and development of a
product’s user experience.
Why design systems and why now? Design systems are not new.
They are the descendant of the traditional graphic standards manual.
These printed manuals were a practical way to relay design guidelines for
corporation and organizations before the advent of the Internet. Often
hefty, these manuals provided the governing principles and practical
guidelines for applying a visual language across all areas of a company.
Design systems are the natural evolution of the graphic standards
manual for today’s organizations. They are the result of the need to
coordinate and align the different disciplines necessary to bring digital

xvi
Introduction

products to life. These systems do more than merely convey design


guidelines such as typeface, logo, or color standards. They unite designers,
developers, and product managers along a set of core principles while
enabling their work through reusable components.
Throughout our careers, we have been involved in developing many
different systems for design. We have watched the evolution from a simple
collection of patterns and styles to today’s robust systems containing
principles, design, and code. Within this book, we’ve combined our
mistakes and successes, in order to share what we have learned every step
of the way.

What We’ll Cover


We begin by looking at the history of systems in design to gain perspective
on how this has affected the design systems of today. You’ll learn about
the intersection of art, technology, and industry during the early days
of the Web and examine the technological advancements that led to the
prevalence of CSS and JavaScript in the digital landscape. You’ll come to
understand why design systems have risen in popularity and how they
align with and are influenced by, development best practices.
Next, we will focus on the six interlocking areas that make up a design
system; layout, styles, components, regions, content, and usability. You’ll
learn how these parts work together to create a robust system. We will
help you to understand whether it is the right time to implement a design
system and, if it is, how to avoid common failures.
Getting support from key stakeholders will be essential. You’ll learn
about the three target audiences for your system and how to gain their
support. You will have to understand how your peers, your overall
organization, and the users of your product benefit from a design system,
in order to form the necessary allies for your effort. We will also show you
how to use qualitative and quantitative data to measure the benefits.

xvii
Introduction

Next, you will learn how to think about design systems as a shared
language. You will learn how to create the building blocks and guidelines
for your language. This can be done by breaking interfaces down into their
simplest forms, as well as by building elements to create larger interfaces.
We will show you how to create design principles that you can use to craft
your unique design language. These principles will address both user
needs and organizational goals.
Implementing your design system can be one of the most difficult
hurdles to overcome. We will show you how to assess your organization
before attempting to build your system. You’ll learn why the type of
organization you work for can affect your approach. You’ll be given the
tools to assess the current state of your product, to help determine the
structure that best suits your organization’s needs. Case studies help put
the unique challenges you are facing into sharper focus.
Iterating on your system will be critical to its future success. Your design
system cannot be created and then set aside. You will have to understand
how to maintain and scale it as your product and organization changes.
Measuring and tracking results will be vital for your stakeholders. We will
show you how to maintain momentum through established process, goal
setting, and evangelizing your system across your organization.
Finally, we provide you with a detailed case study on the development
of GitLab’s design system. This case study digs deeply into our roles
in building the system, the challenges we faced, and the successes we
experienced. An additional chapter audits some of the most popular
design systems out there today, giving you insight into the many different
methods for structuring your system. Having real-world experiences
and resources to draw from will make building your system more
straightforward.
Starting your own design system is exciting and daunting. We hope
that this book will help make the challenges of building a design system a
little less intimidating and a lot more exciting. Let’s get started!

xviii
CHAPTER 1

The Rise of Design


Systems
With the rise of design-led organizations, the role of the designer has
shifted from that of mere stylist to that of a business’s number-one
problem solver. Yet, to build products that people love, designers must do
more than solely solve problems. They must structure the way they work,
establishing the guiding rules and principles that support and drive both
their design process and the product for which they are designing.
If you’re reading this book, chances are you don’t have to be
convinced of the value a design system can bring to your organization.
You already know it can make your life and work easier. You believe
that consistent design will improve the user experience. You are sure
that having established guidelines and usability patterns will enhance
communication between team members and simplify the interface for
end users.
What you may not be sure of is how to start implementing
your design system with the full support of colleagues and upper
management. We wrote this book to provide you with the tools necessary
to successfully communicate the value a design system can bring
to your organization. You will also learn how to establish your own
design language, define usability patterns, and create a comprehensive
component library.

© Sarrah Vesselov and Taurie Davis 2019 1


S. Vesselov and T. Davis, Building Design Systems,
https://doi.org/10.1007/978-1-4842-4514-9_1
Chapter 1 The Rise of Design Systems

Articles, books, and talks discussing the importance of design


systems are rising in popularity (yes, we sense the irony). It may be
tempting to write them off as just another design fad that will burn out
when the next big thing comes along. However, design systems are not
new. Humans have been organizing and categorizing the world around
them since the beginning of time. Organization gives us a sense of
control and order. Order creates feelings of security and predictability.
For some, this predictability feels limiting, something counterintuitive
to the vision of creativity and expression. When applied to the world of
technology and application design, however, this predictability is freeing,
as it removes the need to continuously reinvent the same solutions. By
automating and documenting routine tasks, designers have more time
for thinking and exploration.
All design systems start the same: as an attempt at making order out
of chaos. Categorizing and organizing elements makes them easy to find
and replicate. It is a necessary utility, born from the tech industry’s need to
move fast and innovate even faster. However, design systems are so much
more than this. They define the language we use to create new elements
and experiences.

A History of Systems in Design


Looking back to the Bauhaus and Swiss design movements, you can
begin to see what could be viewed as the foundation for today’s design
systems. The Bauhaus movement (1919–33) revolved around the idea that
“form follows function.” Rather than focusing on decorative elements, the
primary facet was functional simplicity. The notion that all the parts on a
page must have a function led to a focus on proportions, grids, and color
theory. An example demonstrating principles from the Bauhaus design
movement is shown in Figure 1-1.

2
Chapter 1 The Rise of Design Systems

Figure 1-1. Bauhaus-inspired design by Amna Zulfqar

3
Chapter 1 The Rise of Design Systems

The Swiss Style, also known as the International Typographic Style,


(1950s–60s) took grids a step further and shifted the focus to asymmetry and
clean sans-serif typefaces.1 Figure 1-2 shows an example of the Swiss Style.

Figure 1-2. Swiss Style–inspired design by Amna Zulfqar


1
 une Madsen, “A History of Design Systems,” http://printingcode.
R
runemadsen.com/lecture-intro/.

4
Chapter 1 The Rise of Design Systems

You may be thinking, How does this relate to design systems? What
am I missing? These two crucial periods in art history centered on the
idea of a unified design language, with guidelines for patterns and
elements that should be followed. They were a fundamental influence
on the evolution of modern graphic design, desktop publishing, and,
eventually, web design.

 Intersection of Art, Technology,


The
and Industry
Design systems are more than the latest fad; they are a natural evolution in
the intersection between art, technology, and industry. Critical factors in
this evolution have been:

• The rise of personal computers and the Web.

• Technological advancements in Web development


(CSS, JavaScript).

• The influence of technology on business.

• The shift from waterfall to Agile methodologies.

The Rise of the Web


The early days of the Internet were dark for design. Websites were little
more than glorified Word documents. In these earlier times, the Web
was built using only HTML. CSS did not yet exist, and it was left up to
individual browsers to determine how a webpage would be displayed. An
early webpage design lacking CSS styling is shown in Figure 1-3.

5
Chapter 1 The Rise of Design Systems

Figure 1-3. The Yahoo! home page from 1996 shows an example of
an early website lacking CSS styling

This all began to change in the mid-1990s, as more and more people
had access to personal computers and the Internet. Ultimately, this meant
that the Web grew in popularity as the place for electronic publishing.
Web authors grew increasingly frustrated by the stylistic limitations of
HTML. Browsers, recognizing the opportunity this presented, began
exploring ways to give authors more control over their pages.
The first proposal for CSS was presented in 1994 and spurred a
lot of discussion. Surprisingly, much of the conversation revolved
around who should control how a page would be viewed. On the one
side, many felt that authors should determine the final presentation,
ensuring that it matched their intention and vision. On the other side,
some believed that users should have the ability to decide how they
would like to view a page (think in terms of things such as preferred
font size). These debates spurred the creation of the World Wide Web
Consortium (W3C), to help work out standards and best practices
for the Web, and, ultimately, HTML and CSS. This was an essential
development in the trajectory of the Internet. Without the W3C to unify
and make recommendations, each browser could potentially support a
different HTML specification.

6
Chapter 1 The Rise of Design Systems

T echnological Advancements
Fast forward a couple of years, and lots of debate, to 1996, when CSS
was officially introduced. Microsoft’s Internet Explorer was the first
browser to support the new technology, with Netscape following close
behind.2 The competition was both good and bad. Good, because
browsers were now competing with one another to support Web
standards. Bad, because it caused significant pain points for anyone
building for the Web. Even as browsers began to support standards,
that support was not the same. Each browser implemented CSS in its
unique way, causing many inconsistencies. The only thing you could
count on was the fact that your webpage would not look the same from
browser to browser.

T able-Based Design
As the Web grew, so did the need for better user experience. Graphic
designers began to play with this new medium, applying the fundamentals
of layout and grid techniques used in print. Even with the adoption and
spread of CSS, designing on the Web in these early days was painful and
limited. Web layouts were being developed using tables, and there was a
lack of control when customizing layouts using HTML and CSS. If you are
unfamiliar with tables in HTML, it is the same concept as creating a table
inside a Word document. Now, imagine trying to implement a complicated
design interface using only images inserted inside table data cells. Some
obvious problems arise. Table cells in the same row cannot be different
heights, and table cells in the same column cannot be different widths.
Web designers had to get very creative, using complicated workarounds of
sliced Photoshop images, tables inside of tables, and hidden text, among a
variety of other hacks.

2
 ert Bos, “A Brief History of CSS Until 2016,” https://www.w3.org/Style/CSS20/
B
history.html, December 17, 2016.

7
Chapter 1 The Rise of Design Systems

In reaction to table-based layouts, Flash emerged as the gateway


program for many graphic designers on the Web. The difficulties posed
by the limitations of table-based design presented an opportunity for
programs such as Flash to make web applications easier to design. The
Flash interface allowed designers to use graphical user interface (GUI)
tools to develop rich interactive experiences. It had a profound influence
on the Web, raising the bar for design and prompting the development of
HTML5, which, in the end, led to Flash’s eventual demise.

The Rise of CSS and JavaScript


By 2002, the notion of “table-less design” was beginning to gain
momentum. Rather than relying on tables for positioning the elements
of a page, CSS had advanced enough to do the job more efficiently. This
opened designers up to experimenting with a variety of creative and
increasingly complex layouts.
Up until this time, many websites were built page by page. Elements
such as the header, footer, and menu were copied and pasted across
every page. Change something on one page, and you would have to go to
every other page to make the same change. As the complexity and scale of
websites increased, performance, scalability, and maintainability became
real concerns.
We haven’t talked much about JavaScript up to this point. While it
has been around for 19 years, its acceptance as one of the pillars of Web
development was slow in coming. It gained momentum in the mid-2000s
and began to be more heavily relied on for both client-side and server-side
development. JavaScript was used to enhance interactivity, performance,
and make sites DRY(er).3 These enhancements opened the floodgates for
more complicated and interactive design on the Web.

3
 RY stands for “Don’t Repeat Yourself” and is a term used in software
D
engineering. The aim is to reduce repetition and avoid redundancy.

8
Chapter 1 The Rise of Design Systems

JavaScript also helped to change the way we approach building


websites. JavaScript allowed developers to build components rather
than entire pages, as demonstrated in Figure 1-4. Components are like
Lego bricks that can be moved around to reimagine almost any interface.
Reimagining pages and even whole sites became faster and easier. The
pace of development picked up quickly, allowing companies to innovate
and deliver faster than ever before.

Figure 1-4. Page-based design vs. component-based design

This component-based approach is now being adopted by designers


on the Web. Design deliverables have changed from whole-page layouts to
pieces of the whole. Doing this has its risks. It is easy to get caught up in the
details and fail to see the bigger picture. This is where a design system can
make all the difference. Defining paradigms makes it easier to keep things
consistent and manageable. Well-defined paradigms make everything
faster, from design to implementation.

The Influence of Technology on Business


The Internet grew fast, and the number of people buying computers for
personal use rose. According to a report from the U.S. Department of
Labor, computer ownership in the United States rose from 15% to 35%

9
Chapter 1 The Rise of Design Systems

between 1990 and 1997.4 Computers were no longer a luxury; they were
a necessity. Organizations immediately recognized the potential of this
new information technology market. Many companies were founded
during what is known as the dot-com boom. This increase in demand for
technology caused a flurry of excitement and a sense of urgency to build
bigger, better websites and software products as quickly as possible.

The Move to Agile


The traditional waterfall method of software development was built on
heavy process and long lead times. It could take years to get from idea to
distribution. Once locked into a concept, organizations using the waterfall
process were unable to easily change course if they found that something
simply wouldn’t work. This was because a waterfall process approached
product development in a sequential fashion. Requirements would
be handed down to designers, and designs would be handed down to
developers, leaving little room for collaboration among teams. Without this
collaboration in place, it was extremely difficult to shift directions when
problems arose later in the process.
In 2001, frustrated with the lack of progress, thought leaders gathered
to find a more efficient way to develop technology products.5 This was
the birth of Agile, a fast-delivery approach to building software. It allowed
organizations to deliver their products quickly, with full knowledge that
they may not have gotten it right the first time. They could then gather user
feedback and make improvements in rapid succession. Agile focuses on
the people building and using the software and not the process or tools it
takes to make that software.

4
 .S. Department of Labor, Bureau of Labor Statistics, “Issues in Labor Statistics,”
U
https://www.bls.gov/opub/btn/archive/computer-ownership-up-sharply-
in-the-1990s.pdf, March 1999.
5
Kent Beck et al., “Manifesto for Agile Software Development,” https://
agilemanifesto.org/, 2001.

10
Chapter 1 The Rise of Design Systems

Tying It All Together


The rise of component-based architectures and the move to Agile
software development has created a need for design systems. With so
much of our design work focused on small pieces of the product, it is
easy to lose sight of the whole. Design systems provide a necessary
overview of the product, its goals, and driving vision. It details the
language used to build and design, enabling your team to work faster
and more confidently. Additionally, design systems provide an iterative
snapshot of your interface and are an essential wayfinding tool for
engineering, product, and design.
In the next chapter, we will take a closer look at what makes up a
design system and how to decide if and when your organization truly
needs one. We will also discuss why and how design systems can fail and
what you can do to protect your team from failure.

11
CHAPTER 2

Introducing Design
Systems
Understanding the goal of a design system is the first step toward
implementing a solution that helps teams successfully scale product. With
a clearly defined system, designers and engineers can focus their efforts on
solving user needs, rather than re-creating elements and reinventing solutions.
Throughout this book, we’ll discuss six interlocking areas that make up
a design system.

• Layout: Defined measures that make up your spacing


and grid system.

• Styles: Core aspects of your visual language. These


include colors, iconography, and typography.

• Components: Core elements of an interface. These


include buttons and form fields.

• Regions: Overarching design paradigms, such as


navigation or search.

• Content: Information regarding the voice and tone, as


well as punctuation guidelines. Content can also include
terminology if your product has a specific vocabulary.

• Usability: Rules that define accessibility and


internationalization.

© Sarrah Vesselov and Taurie Davis 2019 13


S. Vesselov and T. Davis, Building Design Systems,
https://doi.org/10.1007/978-1-4842-4514-9_2
Chapter 2 Introducing Design Systems

These parts work together, building off one another. For example,
components are created with a combination of both layout and style, while
regions are composed of multiple components, as shown in Figures 2-1
through 2-3. Content informs the copy used within your components,
while usability keeps the content accessible. The size and scope of
these areas can vary, depending on the organization, but all should be
considered.
Throughout this book, we will use the following terms when
referencing different aspects within your system:

• Elements: The lowest-level object. Elements cannot be


broken down further. This can include labels and icons.

• Components: A combination of one or more elements


that function as a whole, such as a form.

• Component groups: A group of components that form


a larger component, as seen in Figure 2-2.

8px
32px 16px + = Button
8px Helvetica Neue

Figure 2-1. Spacing (layout), combined with color and typography


(styles), create components

Option 1 Option 2 Option 3

Figure 2-2. Components can be combined to form component


groups. In this example, combined buttons create a segmented
control. Another example includes combining an input field with a
button to create a form.

14
Chapter 2 Introducing Design Systems

Link 1 Link 2 Dropdown Search

Figure 2-3. Multiple components can create larger paradigms


used throughout your product, such as navigation. It is helpful to
document guidelines related to these specific regions.

 tyle Guides, Component Libraries,


S
and Design Systems
As design tools become more sophisticated, style guides and component
libraries continue to grow in popularity. This popularity is for a good
reason, as they allow designers to create core elements that can be shared
and synced across multiple design files. By making a change in one
file, you can easily update the design across all files that use that same
element. This allows designers to easily make global changes and achieve
consistency within their design tool.
A common misconception is that style guides, component libraries,
and design systems are all the same. This confusion occurs because
often, they contain many of the same parts. A primary difference is that a
design system houses the processes and philosophies behind your design
decisions. Your design system is a documented approach to systematic
design. Style guides and component libraries are assets to help get you
there. In addition, the core of a design system is tied to the codebase of
your application, whereas style guides and component libraries are often
static. With design systems, components are built, implemented, and
documented with the help of front-end engineers. This is an important
distinction that ultimately helps your team develop a series of components
that can easily be referenced, used, and updated directly within your
codebase. Design systems let teams move faster by reducing the layers of
translation between design and implementation.

15
Exploring the Variety of Random
Documents with Different Content
en spiritualité. Je ne ferai que te répéter ce que m’a dit vingt fois
notre P. Spirituel, en te disant à mon tour : Sois pieux, mais sans
ostentation ; sois aimable, mais sincèrement ; sois ferme sur les
principes, mais indulgent pour les personnes.
A moi, le devoir chrétien est relativement facile, dans le milieu où
je vis ; mais ton entourage ne ressemble pas au mien. Tu as,
braqués sur toi, une foule d’yeux défiants ou malveillants, ardents à
chercher le défaut de ta cuirasse, c’est-à-dire une contradiction
quelconque entre ta conduite et ta profession de foi chrétienne. Au
gré de certaines gens, tout homme qui se pose en converti devrait,
du jour au lendemain, être un saint à miracles : sinon il ne sera qu’un
tartufe, bon à jeter aux chiens. Il ne faut pas donner de prétexte à
cette injure inique. Soyons des saints, mais restons simples. Je dirai
plus : restons ce que nous étions, avec le mal en moins, et nous
ferons du bien à nous-mêmes et aux autres.
Ta visite, mon cher Louis, demeure dans ma pensée comme un
beau rêve, mais un rêve qui n’est pas disparu pour toujours. A la
prochaine rentrée, ton tuteur, qui n’a pas l’âme méchante, se rendra
aux excellentes raisons que nous lui donnerons, avec l’aide de Dieu,
et te renverra ici avec moi.
Tu y retrouveras Jean. Pardonne-lui de n’avoir pu que l’entrevoir :
un jour de grande fête comme celui de la première communion, le
cérémoniaire porte le ciel sur ses épaules et n’est pas abordable aux
humains ; le lendemain, il se reposait en famille.
Je ne suis pas surpris que tu aies gardé bonne opinion de ma
division, après l’avoir vue à l’église et en cour.
A propos de nos jeux, tu me poses une question délicate :
« Amusent-ils tout le monde ? » Je te réponds carrément : Non. Moi-
même, il y en a qui m’assomment : ce sont les jeux où l’on ne remue
pas. Ils sont rares, Dieu merci, et bornés à l’époque des grandes
chaleurs ou aux jours de pluie. Les autres m’amusent, en raison de
l’exercice qu’ils donnent et de l’adresse qu’ils développent, d’aucuns
beaucoup, d’aucuns moins, quelques-uns énormément, jusqu’à en
rêver la nuit, comme un bambin de son polichinelle. Que veux-tu ?
Après ces longues sessions à l’étude ou en classe, j’ai un impérieux
besoin de me fouetter le sang et le jeu n’est pas pour moi une vertu.
Mais j’avoue humblement que je ne suis pas tout le monde. Il y a
dans le courant contraire, d’abord les moules, dont je t’ai parlé, qui
englobent tous les poltrons et tous les maladroits ; puis les
philosophes, que les exercices du corps humilient, qui voudraient ne
vivre que par l’esprit et ne se divertir qu’à la conversation
péripatétique. On la leur permet aux petites récréations. Ils sont une
demi-douzaine, quantité négligeable, qui se promènent gravement,
trois en avant, trois à reculons, sur la lisière de la cour ; le milieu
appartient toujours aux joueurs, qui se font, de temps à autre, un
plaisir innocent de leur envoyer dans les jambes un ballon, pour les
rappeler au sentiment des choses d’ici-bas. Aux autres récréations,
après quelques minutes de liberté, un coup de sonnette annonce
l’ouverture de la lice et les promeneurs se fondent dans le grand
tout, un peu maussades au début, mais entraînés bientôt par le
mouvement général et par le naturel de l’âge.
Je t’ai dit autrefois, mon cher Louis, l’énorme différence qui existe
entre les conversations de ce collège et celles du lycée de Z… Si
elles sont très généralement chastes ici, elles le doivent, après la
piété, principalement au jeu.
Entre collégiens les sujets de conversation n’abondent pas. Les
événements extérieurs n’arrivent jusqu’à nous que par des échos
affaiblis, et nous n’avons pas le droit d’arborer une cocarde politique.
Les choses de famille n’intéressent guère en dehors de nous que
quelque ami intime. Quant à notre train de vie journalier… Tu
connais le tortillard qui serpente si paisiblement, avec son panachon
de fumée gros comme une bouffée de cigarette, à travers la
banlieue de notre ville natale. On part, on stoppe, on repart, on
restoppe. Durant une heure de cahotement, on a le loisir d’admirer
trois bouquets d’arbres, deux clochers, un ruisseau à sec, une pie et
six corbeaux qui vous saluent de leur aimable concert, et puis quoi ?
Une vaste plaine où le trèfle alterne uniformément avec le blé, et la
patate avec la betterave. Voilà une image approximative de l’intérêt
que présente, au point de vue de la conversation, le roulement
uniforme de notre vie ordinaire. De temps à autre seulement, un
incident plus sérieux, une modification du règlement, une visite de
personnage important, une fête, une sortie, un simple canard
viennent égayer cette monotonie et fournir matière au caquetage.
Rares sont les élèves, même parmi les meilleurs, qui aiment à
causer études, sciences ou littérature d’une façon suivie : c’est bon
pour les longues promenades, où le grand air permet de parler de
choses sérieuses sans se fatiguer la tête. Restent la pluie et le beau
temps ; mais le sujet est vite épuisé. Quand il pleut :
« Sale temps !
— C’est parce qu’il y a congé demain, comme toujours. »
Et c’est tout. Le beau temps, on n’en parle jamais ; on le prend
comme un dû.
Alors, de quoi parler entre jeunes gens qui ont déjà vu un coin du
monde et qui se trouvent à la veille de voir le reste ? La tentation est
obvie : salons, bals, théâtre, plaisirs permis et non permis… Un
farceur lance un premier mot risqué, le voisin renchérit, un troisième
complète ; tout le monde rit, les uns par malice, les autres par
faiblesse, et la coupe passe et repasse, enivrante et funeste. Nous
avons connu cela, hélas !
Or, le jeu coupe court à cette tentation, et voilà, bien au-dessus
de la vulgaire et pourtant très réelle raison d’hygiène, la grande
raison de moralité, pour laquelle les Pères tiennent si fort à nous
faire jouer. Les élèves qui veulent être francs, s’en rendent très bien
compte ; s’ils ne jouent pas tous les jours par plaisir, ils jouent par
sentiment d’un devoir supérieur, analogue à celui qui leur fait
accepter tel travail parfois pénible. Les deux obligations sont mises
par nos maîtres sur la même ligne, et presque chaque samedi, à la
proclamation des notes, le P. Préfet prononce la phrase redoutée :
« Un tel, un I, ou un II. Ne joue pas en récréation. » Voici à l’appui
une petite histoire authentique. Un bon garçon, fils unique d’une
maman faible et par conséquent douillet, était allé trouver le P. Préfet
pour lui dire qu’au collège ecclésiastique d’où il sortait, on lui avait
permis de passer à prier devant le Saint-Sacrement le temps que les
autres perdaient à se divertir. Il demandait à continuer. Le P. Préfet
voulut savoir le fin mot de cette rare piété. L’élève finit par lui avouer
qu’il ne savait pas jouer :
« Eh bien, mon enfant, vous apprendrez. Le jeu vous dégourdira,
et vous ferez plus de plaisir au bon Dieu par là que par de longues
visites au Saint-Sacrement. Piété bien ordonnée commence par la
victoire sur soi-même.
— Mon Père, je ne peux pas.
— Avez-vous essayé ?
— Non.
— Faites-le, mon enfant ; puis vous reviendrez me voir. »
Dès le lendemain, il revenait :
« Mon Père, je ne peux pas jouer.
— Pourquoi ?
— Cela m’ennuie à mourir.
— On ne meurt pas de cet ennui-là. Vous vous habituerez.
Allons, un peu de bonne volonté encore ! »
Deux jours après, maman arrive au parloir et renouvelle auprès
du P. Préfet la demande pieuse, s’étonnant qu’on ne favorise pas
davantage ces élans d’un jeune cœur vers Dieu. Le P. Préfet sourit :
« Madame, nous favorisons la piété pratique, en particulier celle
de l’obéissance au règlement.
— Mais, mon fils ne peut pas jouer.
— Est-il malade ou infirme ?
— Non : le jeu l’ennuie à mourir.
— Il me l’avait déjà dit.
— Et vous ne l’avez pas cru, mon Père ?
— Pardon, madame ; mais il est indispensable que les jeunes
gens de son âge apprennent à faire, pour leur bien et pour la
formation de leur caractère, certaines choses qui les ennuient, sans
danger d’ailleurs pour leur santé.
— Oh ! je ne me résoudrai jamais à contrarier mon enfant, et si
vous ne pouvez pas le dispenser de jouer…
— Eh bien, madame ?
— … je serai obligée de le retirer.
— Madame, le portier va sonner le F. Linger, qui, dans un instant,
viendra prendre vos ordres pour faire les paquets de votre enfant. Je
vous offre mes respects, madame, et vous souhaite bon voyage. »
La dame n’avait pas compté sur une solution si prompte, ni si
radicale ; mais il était trop tard pour reculer et elle emmena son
chéri. Trois semaines après, tous deux revenaient assez penauds,
elle demandant qu’on voulût bien reprendre son fils résolu à tout, le
fils promettant de jouer comme tout le monde. Aujourd’hui, il
surveille une division dans le même collège et applique des notes
salées aux élèves que le jeu ennuie.
Si tu racontes ce trait à nos amis du lycée, ils crieront à la
tyrannie, à l’abrutissement : « Qu’on essaye un peu de nous imposer
cette balançoire-là ! » On ne l’essayera pas, faute de deux éléments
indispensables de réussite : la bonne volonté des élèves et le savoir-
faire des maîtres. Le cas ci-dessus est une exception. Les Pères
savent très bien que le plaisir au jeu ne se commande pas : mais ce
plaisir, ils s’ingénient à le provoquer par un ensemble de moyens
pratiques. Ils ont leurs livres de jeux qu’ils étudient, leurs traditions
qu’ils se transmettent. Ils intéressent directement les élèves à
l’organisation du matériel et au maintien des règles par la création
de questeurs, de chefs de camp et autres dignitaires, toujours fiers
de leur charge et respectés. Ils s’ingénient à varier ces
divertissements selon les saisons et les autres circonstances, afin de
prévenir la satiété. Ils ne leur ménagent pas les encouragements de
tout genre. Ils y prennent de leur personne une part active, et l’on
pourrait dire de maint surveillant, dans des luttes mémorables, que
… lui-même il sonna la charge,
Fut le trompette et le héros.

J’en aurais encore long à te raconter sur ce sujet, qui, je l’avoue,


me passionnerait facilement : mais voilà déjà trop longtemps que je
bavarde. Plus tard, je te décrirai une de nos fêtes de jeux.
Adieu, mon frère Louis ! Tiens bon, et quand tu te sentiras sur le
point d’enfoncer, regarde l’étoile de la mer : Marie ne te laissera pas
périr.

Paul.

42. De ma sœur et de ma mère.

27 juin.

Mon frère le houx,

Je t’envoie pour la Saint-Paul un écrin, le plus joli que j’ai pu


trouver : toutes mes économies y ont passé, mais je ne regrette que
d’en avoir eu si peu ! Sur le dessus, tes initiales en argent. A
l’intérieur, ton portrait authentique : une miniature, peinte sur émail
par une artiste dont le talent, hélas ! n’égale pas le bon vouloir. Si
j’avais pu, j’aurais mis sur mes pinceaux, en guise de couleurs, toute
mon âme. C’est un houx en fleur, pris sur nature, avec toutes ses
feuilles dehors. Seulement, pour garder au portrait sa vérité
historique actuelle, j’ai dû remplacer chacun des piquants par une
petite perle.
Au-dessus, dans un nuage brillant, Marie présente l’Enfant-Dieu,
qui ouvre ses deux petits bras vers l’arbuste avec un sourire de
complaisance. Dans le coin, à l’ombre du houx, une pauvre rose
blanche, sur sa tige encore armée de plusieurs épines (il n’en est
tombé que deux ou trois), implore timidement un reflet du divin
sourire.
Faut-il t’expliquer l’apologue ? Je préfère m’en remettre à ta
perspicacité naturelle. Quant à ta modestie, elle s’en tirera comme
elle pourra : je ne suis pas chargée de la sauver du naufrage, surtout
en un jour de fête comme celui-ci, où l’on a le droit de tout dire et de
tout faire aux gens qu’on aime bien.
Et je t’aime de mieux en mieux, mon grand frère, à mesure que,
grâce à ton affectueuse influence, je deviens plus sérieuse, à
mesure aussi que je vois la conduite de Dieu sur toi. Je le remercie
tous les jours de t’avoir retiré des dangers que tu courais ici, pour te
mener dans un port sûr.
Papa l’indiscret, qui vient lire par-dessus mon épaule ce que je
t’écris, me charge de te souhaiter joyeuse fête et s’étonne que, cette
année, contrairement à toutes tes vieilles habitudes, tu ne lui aies
pas encore manifesté tes préférences, pour le cadeau qu’il te fait
toujours à cette date. Demande ce que tu voudras : tu auras le
double… Pas vrai, petit papa ?… Il me tire l’oreille : c’est une façon
de dire oui.
Je prie pour toi et je t’embrasse une immensité de fois.
Ta sœur,

Jeanne.

— Quels vœux de fête, mon cher Paul, attends-tu de ta mère ?


Selon les idées courantes, je devrais te souhaiter santé, talents,
succès, chances d’un bel avenir : mais tout cela, Dieu te l’a donné. Il
t’a donné mieux encore : la volonté de bien faire et l’intime joie de la
bonne conscience. Il ne me reste à te souhaiter, mon enfant, qu’une
profonde reconnaissance pour tout ce que tu as reçu et un ardent
désir de le faire fructifier pour la gloire de ton divin Bienfaiteur, pour
ton propre bonheur et pour la consolation de ceux qui t’aiment. Ces
sentiments sont déjà dans ton cœur, grâce à la direction nouvelle
que ta vie a prise, depuis bientôt un an : je demande tous les jours
au bon Dieu de les y développer et de parfaire en toi son œuvre.
Je sais bien qu’en faisant cette prière, je fais de l’égoïsme,
puisque ton bonheur sera le mien : mais c’est de l’égoïsme bien
naturel et, je pense, permis, puisque la mère et l’enfant ne font
qu’un.
Ton père et moi, mon cher Paul, nous sommes contents et même
un peu fiers de toi. Je te dis cela en grande confidence, non pas
pour t’enorgueillir — l’orgueil est la chose du monde la plus vilaine et
la plus sotte — mais pour t’encourager à monter encore.
Quant à Jeanne, il est certain que ton changement si complet et
ton affection si fraternellement sérieuse ont eu sur son caractère la
plus heureuse influence. Elle ne veut pas faire moins que toi. Sur sa
jolie miniature, la petite rose blanche n’a perdu que deux ou trois
épines : mais j’ai compté mieux qu’elle et puis te dire, en toute vérité,
qu’elle en a cassé bien davantage. Ce qui lui en reste, n’est presque
plus rien : tu pourras le constater bientôt de tes yeux.
Dans un mois nous serons bien près de nous revoir — et alors
pour longtemps. Quelle joie, sans aucun mélange cette fois !… Je
me trompe, hélas ! Ton père, pourtant si bon, n’est pas encore tout à
fait à l’unisson de nos âmes. C’est un dernier nuage dans notre beau
ciel de famille : mais les nuages ne durent pas toujours et papa ne
résistera plus bien longtemps, je crois, à la grâce qui le sollicite. Ses
anciens préjugés contre la religion et les prêtres sont bien ébranlés.
Continue à prier pour lui, mon enfant.
Ta mère qui t’aime et te bénit.

43. A ma sœur Jeanne.

30 juin.
Ma chère Jeanne,

Ton écrin est un bijou, ta miniature un petit chef-d’œuvre, et toi,


tu es la fine fleur des sœurs aimables.
Je te pardonne d’avoir chaperonné mes piquants : tu ne pouvais
pas décemment présenter à Notre-Dame et à son divin Fils un
bouquet de houx armé en guerre. Mais qui me dit qu’un beau jour
ces malheureuses pointes ne vont pas se décoiffer et reparaître
dans tout leur désagrément natif ? Je porte envie à la petite rose
symbolique, si modestement blottie dans le coin du tableau : au
moins les épines qu’elle a perdues (et je suis sûr que, pour t’humilier
dans la circonstance, tu en as recollé quelques-unes qui n’avaient
plus le droit d’y être) ne repousseront pas.
Vous faites bien, ma chère Jeanne et ma chère maman, de
continuer à prier pour ma conversion. Tout ce que vous m’offrez pour
ma fête m’est infiniment précieux : mais rien ne me prouve mieux
votre véritable amour que vos prières. Pour elles surtout, merci de
tout cœur.
Tu diras à papa qu’en ne lui demandant pas de cadeau, j’ai voulu
me punir de mon égoïste empressement d’autrefois à réclamer une
chose qui ne m’était pas due. Ce n’est pas que je sois sans désir :
j’en ai un très vif, très sérieux, mais que je me réserve de lui
exprimer, quand j’aurai conquis mon diplôme. Prie-le d’attendre
jusque-là et remercie-le bien pour moi de sa bonté plus que
paternelle.
Ce diplôme commence à miroiter de plus en plus près devant
nos yeux. Nous travaillons comme des nègres, et le soleil se mettant
aussi de la partie, ça chauffe dur. Dans cette manière de fournaise,
on accueille avec bonheur toute occasion de se rafraîchir un peu le
corps et l’esprit : les Pères nous en ont procuré une charmante, hier
dimanche, savoir le dîner des Charges. Voici ce que c’est.
Il faut vous dire que, dans cette vaste et savante organisation du
collège, à côté du personnel dirigeant, enseignant et servant, une
part d’action est réservée aux élèves. On nous intéresse directement
à la bonne marche et à l’honneur de notre classe, de notre division,
de toute la maison, par les fonctions variées qu’on nous attribue et
dont les titulaires sont généralement très fiers, vu le mérite qu’elles
supposent. Car n’y arrive pas qui veut. Les intrigues ne sont pas de
mise. Il faut de bonnes notes, l’estime générale et du savoir-faire
pour être nommé : il les faut encore pour être maintenu. Et ainsi les
charges, récompense du mérite, deviennent un stimulant perpétuel,
en même temps qu’elles développent le sens pratique et l’esprit
d’initiative.
En tête apparaît, comme l’aurore avant le jour, la gracieuse
compagnie des enfants de chœur. Ils sont une cinquantaine, pris
dans toutes les classes, depuis les petits naviculaires de dix ou onze
ans jusqu’au philosophe barbu qui tient le claquoir de cérémoniaire,
en passant par les acolytes, qui accompagnent le prêtre, et par les
thuriféraires et les céroféraires, qui portent l’encensoir et la torche à
couronne de brillants. Le Père qui les dirige s’entend parfois appeler
l’Apôtre des Gentils, parce que le physique de son bataillon sacré,
non moins que son ministère à l’autel, rappelle ou doit rappeler les
neuf chœurs angéliques ; mais la preuve qu’il n’est pas
indispensable d’avoir la figure d’un ange pour en exercer la fonction,
c’est que je l’exerce — et je ne suis pas le plus laid de la troupe !
Nous sommes tous beaux avec nos soutanes rouges à longue
traîne, nos blanches aubes en dentelle, nos larges ceintures à
broderies d’or ou d’argent, et le public pieux qui assiste en foule à
nos grands offices ne se lasse pas, dit-on, d’admirer nos figures,
j’entends les dessins variés d’après lesquels se font nos graves
évolutions. Papa les a vues, au salut de la première communion, et
a déclaré que, grâce à la précision des mouvements et à la modestie
de notre tenue, ces exercices contribuent singulièrement à la
solennité des cérémonies, sans nuire au recueillement général.
C’est que les enfants de chœur se sentent à la fois sous le regard de
Dieu et de l’assistance.
Une autre partie importante du service de la chapelle revient à
une seconde confrérie, qui s’appelle la tribune et comprend les
chanteurs de toute voix, ténors et basses, alti et soprani. Ils
s’appliquent de leur mieux, les jours solennels, à interpréter les
messes en musique et les morceaux à grand effet des maîtres de
l’art chrétien. Et c’est justice de dire que cet ensemble de voix
jeunes et diversement fraîches, renforcées quelquefois par les tons
plus mâles d’artistes étrangers, fait vibrer le cœur d’émotions
délicieuses et pures, qui l’élèvent tout naturellement vers le trône où
Dieu attend nos hommages.
Dans un ordre de choses moins sublime, les musiciens
concourent à rehausser l’agrément de nos fêtes littéraires,
dramatiques ou récréatives, et constituent, par ce double emploi, un
corps éminemment utile au bien public. Ils ont à leur tête un
directeur qui, avec son bâton d’ébène garni d’argent et l’incroyable
jeu de son intelligente physionomie, m’a toujours paru l’un des types
les plus expressifs de la puissance d’un homme sur ses semblables.
Cela vous fait rire ? Venez donc le voir à la grande salle, un jour où il
tient au bout de son bâton trente instrumentistes et une quarantaine
de chanteurs. C’est un spectacle unique.
Il est là, debout sur son escabeau, d’où son regard domine
l’ensemble et pénètre dans tous les coins. Devant lui, sur un pupitre,
les partitions. Au début du morceau, le bâton va et vient avec la
calme régularité d’un pendule ; la tête suit en dodelinant les
oscillations, tandis que la main gauche étendue contient le flot qui
voudrait monter. L’andantino se déroule à ravir et finit par se perdre
en un point d’orgue, que le bras et le bâton du Père semblent vouloir
pousser jusqu’au ciel. Tout à coup bras et bâton s’abattent comme la
foudre et fauchent l’air à droite et à gauche, enlevant dans un élan
grandiose le chœur et l’orchestre. Tant que dure cette furia, ses yeux
lancent des éclairs, tous les muscles de son visage sont en
mouvement, toutes les voix et tous les instruments ont passé dans
ses nerfs. Et cependant il se possède admirablement. Malheur au
distrait qui sort, une seconde seulement, de la mesure ou du ton :
l’oreille du maître a saisi la faute, son œil courroucé a jeté une
flamme, et si le coupable est à portée du bâton, le châtiment tombe
— sans rompre la mesure. Un instant après, d’un chut en sourdine, il
calme la tempête sonore ; bâton, tête et physionomie conduisent
doucement la symphonie jusqu’au rinforzando final, où l’allure vive
reprend, puis s’arrête net sur un coup sec du bâton, qui donne le
signal des applaudissements. De ces derniers, une grosse part va
au directeur : il le devine et salue en souriant. C’est d’ailleurs
l’homme le plus joyeux du collège, toujours de bonne humeur,
toujours chantant, toujours « caracolant ». Il est compositeur estimé,
sans que son talent fasse le moindre tort à sa modestie.
Dernièrement, dans une revue d’art, après un éloge enthousiaste
d’une de ses messes en musique, un critique naïf s’écriait : « Et dire
qu’un artiste de cette valeur est simple surveillant dans un collège de
jésuites ! » Quand le père lut cette phrase, il dit en riant à ceux qui
l’entouraient : « Oui, et encore sans traitement ! »
Il paraît qu’autrefois la tribune se complétait par une fanfare, dont
les éclats sonores égayaient les fêtes de famille, procession des
rois, réjouissances du carnaval, la Sainte-Cécile, les excursions.
Mais le baccalauréat, cet ennemi juré des bonnes vieilles traditions,
a emporté celle-là comme les autres. La fanfare prenait du temps et
n’était d’aucune utilité pour la grande besogne, qui est de
développer chez les jeunes gens l’esprit scientifique et positif. La
jeunesse, aujourd’hui, doit apprendre à se délasser en changeant de
travail : c’est cela seul qui fait des hommes intelligents. Pauvres
nous !… Il ne reste, comme souvenir lointain de la fanfare, qu’une
douzaine de tapins et de clairons, qui tapent et soufflent
consciencieusement, dans les rares occasions où ils paraissent. Ils
sont de la fête aujourd’hui et nous régaleront de leurs meilleurs airs.
A propos de musique, Jeanne, tu sauras que, toujours à cause
du baccalauréat, j’ai provisoirement remisé mon stradivarius, non
sans lui donner une larme poétique. Mais ne crains rien et continue
à travailler ton piano : nous reprendrons en vacances les duos qui
plaisaient tant jadis à papa et à maman. J’aime dix fois mieux ces
petits concerts de famille que de courir les soirées : j’aurai été si
longtemps privé de vous !
La suppression des fanfarons n’a heureusement pas entraîné
celle des artistes dramatiques. Ils forment une branche secondaire
de l’illustre compagnie des académiciens.
Après les enfants de chœur, il n’y a rien de plus respectable que
Messieurs de l’Académie. Les uns et les autres sont triés sur le volet
et doivent, pour leur entrée, apporter comme quartier de noblesse le
diplôme de congréganiste. Les premiers sont la religion, les seconds
la science : sur eux comme sur deux colonnes inébranlables repose
tout l’édifice de notre éducation. Vous savez d’ailleurs que ce corps
savant comprend l’élite intellectuelle des classes supérieures et qu’à
certains grands jours elles donnent chacune, devant un auditoire
select, un spécimen solennel de leurs travaux. Je les louerais
davantage, si mon titre de vice-président de l’Académie de
rhétorique ne m’obligeait à quelque réserve.
Voilà donc les trois grandes confréries, chargées des services
d’ordre général et supérieur. Après viennent les services d’ordre
spécial. Ne parlons pas des petits fonctionnaires de passage qui
n’ont pas droit à la chaise curule, je veux dire à une place au
banquet des charges. Prenons les gros bonnets.
D’abord, il convient de signaler le type de l’exactitude, l’horloge
vivante, l’homme-cloche, le réglementaire. Il est le commencement
et la fin de tout ; rien ne bouge sans lui ; quand il commande, tout
obéit. Élèves et moineaux le connaissent également. Il sonne les
huit : le jeu cesse. Il sonne les trois : les rangs se forment et les
pierrots viennent se percher sur les murs des cours abandonnées. Il
sonne le coup bref de la fin : le silence se fait, les divisions
s’ébranlent pour se rendre où le devoir les appelle, et les pierrots
s’emparent du terrain pour picorer les miettes du goûter. N’est-ce
pas admirable ?
Chaque étude a ses deux édiles — nom emprunté aux dignitaires
romains, chargés de la surveillance des édifices publics. Ils veillent,
selon les instructions du P. Surveillant, à l’intégrité et à la bonne
tenue du matériel, à l’aération, à l’éclairage, à la distribution
réglementaire des articles de bureau, à la décoration des statues,
crèches, mois de Marie. Ce sont des personnages considérables et
enviés, surtout par les mauvais temps : car, ces jours-là, ils ont
toujours quelque honnête prétexte pour passer la récréation au sec
ou au chaud dans leur domaine, dont ils ont la clef.
A côté d’eux fonctionnent les bibliothécaires, les facteurs, les
portiers, tous hommes de confiance dans leur département respectif.
Afin pourtant que la routine n’ait pas le temps de mordre sur leur
conscience, on les change tous les trois mois.
Chaque division, partout où elle se transporte en corps, au
collège et en promenade, suit docilement ses chefs de rangs,
hommes calmes et graves, qui toujours

… marchent à pas comptés,


Comme un recteur suivi des quatre facultés.

Elle a, en outre, toute une tribu de questeurs, ainsi dénommés


par analogie avec les magistrats romains de ce nom, à qui incombait
la perception des deniers publics. Les grands questeurs tiennent
boutique ouverte à certaines heures et nous vendent (pour rien,
disent-ils) mille objets d’usage courant pour la classe, pour l’étude,
pour les jeux, voire même un doigt de choco, une fois par jour. S’ils
nous volent de moitié, ils ont pour excuse que tous les profits de la
questure sont consacrés, sans y suffire, à nos divertissements. On
les croit et on paye, en se donnant pour fiche de consolation de les
appeler enfants d’Israël. Ils se vengent en frappant de cinq centimes
d’amende tout objet égaré par négligence ou distraction, qu’ils
ramassent : c’est le côté moralisateur de leur emploi.
D’autres questeurs font l’office de bras droit auprès du directeur
de musique, des professeurs de dessin, des maîtres d’escrime ou de
gymnastique. Moi, pour l’instant, ma réputation de joueur m’a fait
nommer questeur des jeux, avec mon ami Jean pour collègue. Ce
n’est pas une sinécure. Nos occupations sont aussi variées que les
jeux eux-mêmes, qui changent sans cesse. Tout veut être préparé
de loin, pour qu’un jeu nouveau, dès qu’il est annoncé, puisse être
bien lancé du premier coup. Il faut que chaque joueur ait à point
nommé son instrument en bon état, avec son nom ou son numéro et
un solide crochet pour le retrouver le lendemain. Il faut des balles et
des boules, des poteaux et des drapeaux, des lignes et des dessins
de couleur sur le sol, que sais-je ? La récréation finie, il faut ranger,
vérifier, réparer surtout et songer à la récréation suivante. Comme
prix de ses sueurs, outre les petites avanies des inévitables
mécontents, on récolte… le plaisir d’être quelque chose, parfois un
compliment ou un merci, et, enfin, le dîner des charges.
Donc, au sortir d’un bain délicieux, on s’est rendu dans le grand
réfectoire-hangar de notre villa. Sur l’estrade, la table d’honneur était
présidée par le R. P. Recteur en personne ; il avait à ses côtés le P.
Préfet, les Directeurs des diverses corporations et les Pères
Surveillants. Dans le bas nous étions cent cinquante élèves. Du
service je dirai seulement qu’il fut de première classe ; hors-d’œuvre,
volaille, gâteau fourré, vin fin. Ne demandez pas si nous y fîmes
honneur. Mais vous ne verrez certainement de votre vie une réunion
d’une gaîté plus franche, plus cordiale et (pourquoi ne l’ajouterais-je
pas ?) plus distinguée. Le R. P. Recteur, dans son petit toast, voulut
bien nous dire que nous représentions tous les dévouements et tous
les talents, le cœur et l’esprit du collège. Si modeste qu’on soit, ces
amabilités-là vous font plaisir à entendre… pour les camarades.
On ne tarda pas, du reste, à lui prouver qu’il ne se trompait pas
trop sur notre compte. L’un après l’autre, tous les corps de métier,
par l’organe d’un ou de plusieurs artistes, vinrent chanter en vers
gracieux leur mérite et leur reconnaissance. Les couplets se
succédèrent durant une heure, saupoudrés tantôt de sucre et tantôt
de sel. Coups d’encensoir délicats, gentils coups de patte, portraits
anonymes transparents, boutades et fusées, toutes les formes de la
bonne plaisanterie, rien n’y manqua : ce fut un second régal, plus fin
que le premier.
Pour finir, la tribune résuma dans un chœur brillant les joies de
ce jour et le précieux souvenir qu’il laisserait à tous les cœurs. Le toit
ne s’écroula pas sous nos applaudissements, mais il en trembla, et
notre enthousiasme eut besoin de toute la bienfaisante fraîcheur du
soir pour rentrer peu à peu dans les bornes de la modération.
C’est la dernière fête de ce genre dont nous aurons joui. La fin de
l’année approche : j’en suis triste. Pourquoi cette contradiction ?
Vous le devinez. Je vous aime bien ; mais j’aime aussi mon collège.
On dit qu’un malheur n’arrive jamais seul : pourquoi ne peut-on avoir
aussi plusieurs bonheurs à la fois ?
Je vous embrasse tous avec tendresse.

Votre Paul.

44. De Louis.

2 juillet.

Mon cher Paul,

J’ai bien médité le bon avis par lequel tu me mets en garde


contre l’emballement et l’exagération. Tu es un homme sage, et je
veux me conformer exactement à ta fraternelle direction. Sois
remercié et continue à me servir de garde-fou : j’en ai besoin. Mon
âme s’épure peu à peu en s’élevant : mais la montée est rude et je
sens parfois encore que le précipice n’est pas loin. Je me confesse
et je communie.
Il se passe ici des histoires drôles que je vais te raconter. Je n’ai
plus les mêmes raisons qu’autrefois de jeter le voile d’un charitable
silence sur les méfaits de notre bahut : je n’en suis plus que pour la
forme.
Avant-hier, la section des moyens, composée des classes de
troisième et de seconde, allait en promenade, sous la conduite d’un
maître d’études que sans doute elle n’aimait ou n’estimait pas.
Arrivés à mi-côte de la Haute-Butte, que tu connais bien, on fit halte
pour se délasser sur la bruyère.
Le maître, assis sur un tronc renversé, regardait tranquillement la
ville qui s’étendait à ses pieds, quand tout à coup il se sent frappé
dans le creux du dos. Il bondit, se retourne et, cette fois, reçoit sur
toute sa devanture une mitraillade de mottes de gazon et de
trognons de souche, qui partaient de derrière les buissons. Il veut
haranguer ses assaillants invisibles ; mais à peine a-t-il ouvert la
bouche qu’il entend une formidable clameur : A mort, le pion ! Et de
partout il voit déboucher ses vingt-cinq ou trente garnements, avec
des brassées de projectiles, qu’ils font pleuvoir sur lui en hurlant
comme des sauvages.

Que vouliez-vous qu’il fît contre tous ?… Qu’il mourût ?…

Il préféra épargner un plus grand crime à ces jeunes égarés et,


s’armant d’un beau désespoir, il descendit rapidement la côte, trop
rapidement même, — car il dut se ramasser, lui et son chapeau,
dans un perfide fossé qui coupe le bas de la pente un peu trop
brusquement. Vainqueurs dès le premier choc, les féroces gamins
dégringolèrent derrière le pauvre homme et lui firent une conduite de
Grenoble, en continuant à le bombarder avec tout ce qui leur tombait
sous la main, jusqu’à l’entrée de la ville. Là, satisfaits de leur
vengeance et calmés par l’humiliation de leur tyran, ils se rangèrent
d’eux-mêmes et revinrent au lycée comme une troupe innocente de
paisibles agneaux.
Le proviseur, informé de l’aventure, entra dans une violente
colère, non pas contre les mutins, mais contre le malheureux pion
qui n’avait pas su faire respecter son autorité et qui mettait son
supérieur dans le plus cruel des embarras. Car enfin, toute la ville
allait le savoir ! Il faudrait punir et, pour pouvoir punir, faire une
enquête qui grossirait encore le scandale ! « J’en référerai au
ministre, monsieur ; mais je vous engage, de votre côté, à solliciter
votre déplacement : vous vous êtes rendu impossible ici. »
Entre élèves, on connaît les meneurs de l’affaire : ce sont deux
lurons de seconde, qui, paraît-il, en cas d’interrogatoire, ont leur
réponse toute prête. Dernièrement, je ne sais plus à quel propos,
leur professeur, qui passe pour avoir des opinions très avancées,
leur a déclaré du haut de sa chaire que, dans toute l’histoire sacrée,
il ne connaissait que trois personnages intéressants : Satan, Caïn et
Judas, tous trois victimes d’une injuste fatalité et d’un despotisme
aveugle. Les petits humanistes diront pour leur défense qu’ils se
jugeaient victimés par leur despote et qu’ils ont voulu se rendre
intéressants en le lapidant. On leur accordera les circonstances
atténuantes : ils en seront quittes pour une admonestation
paternelle, quelques-uns peut-être pour une privation de sortie.
Quant au pion,

Ce pelé, ce galeux, d’où venait tout le mal,

son compte est clair : il ira se faire oublier dans quelque trou, à
l’autre bout de la France.
Au professeur on ne dira rien, parce qu’en histoire les opinions
sont libres, — sans compter que l’histoire sacrée, c’est de la simple
légende.
On m’a cité une autre déclaration, faite par le professeur de
philosophie au cours de morale : « Ah ! mes amis, je ne vous
conseille pas de vous livrer au libertinage : tout au contraire ; car il
n’est pas moral. Mais il faut avouer qu’au point de vue esthétique le
libertinage a des charmes. » Tu vois d’ici le beau sujet de
conversation pour les élèves de ce monsieur et l’heureux prétexte
que leur fournira, dès la prochaine sortie, le point de vue esthétique.
Quelques-uns d’ailleurs, les premiers de classe, trouveront dès
dimanche prochain une occasion toute naturelle pour leurs études
pratiques sur la matière en question : ils sont invités par la
municipalité à la représentation d’une pièce qu’on dit… légère. La
forte tête du cours, j’allais dire le coq de ce fumier, qui pose pour
n’admettre en fait de religion que l’existence d’un principe créateur,
se vante tout haut d’avoir naguère, dans les murs même d’un autre
lycée, ébauché un roman que son renvoi était venu interrompre
malencontreusement.
Les romans, les journaux à feuilletons corsés, les journaux pour
rire, toujours interdits, circulent plus que jamais, sous l’œil tolérant
des maîtres. Il faut bien divertir un peu ceux qui savent et déniaiser
les autres ! Le souci de l’âme n’existe pas : Qu’est-ce que c’est que
ça, l’âme ? Où est-elle ? Qui l’a vue ? Invention des prêtres, comme
la confession.
Dans la classe de Rhétorique, il y a un brave homme, professeur
de langues et bon professeur, mais sans autorité, qu’on ne lapide
pas : on lui fait pire. Voulant nous rendre la langue allemande plus
agréable moyennant des leçons de choses, il avait apporté un
tableau qui représentait divers objets en couleurs. Pendant qu’il le
tenait devant lui et nous l’expliquait, des malins trouvèrent spirituel
d’y lancer des flèches trempées dans l’encre. Il déclara qu’il n’en
apporterait plus. Le lendemain, craignant d’avoir montré trop
d’humeur et nous croyant peut-être repentants, il arriva en classe
avec un autre tableau : le bombardement reprit de plus belle et le
bonhomme dut plier bagage en gémissant.
Cela, c’est stupide, à tout point de vue : ce qui s’est passé ce
matin, est dégoûtant. En entrant au lycée, deux externes virent
devant la porte du concierge une petite assiette avec un reste de
haricots pour le chat : ils eurent l’abominable idée de la prendre avec
eux, et au bon moment, ils en versèrent le contenu dans le chapeau
du même professeur, qui ne s’aperçut de la farce qu’après s’être
coiffé. On dit que les deux coupables vont être renvoyés : ils ne
l’auront pas volé !
Toutes ces misères, je pouvais en rire autrefois, avec plus ou
moins de conscience du mal que je faisais : aujourd’hui que le
bandeau est tombé de mes yeux, elles m’affligent et m’humilient
pour mes pauvres camarades.
Prions pour eux, mon ami. Prie pour moi.

Ton frère,

Louis.

P.-S. — Je serais curieux de savoir ce que les Jésuites feraient


dans des cas pareils à ceux que je viens de te raconter. Renseigne-
toi.
45. A Louis.

5 juillet.

Mon cher Louis,

Je me suis renseigné, suivant ton désir, et voici ce qu’on m’a


raconté comme un fait absolument historique.
Il y a quelques années, le P. Surveillant d’une division de grands
élèves à l’école de *** en soupçonna un d’avoir introduit dans la
maison un livre dangereux : il observa de près le suspect et finit par
saisir dans son pupitre un de ces imprimés que le règlement interdit
sous peine formelle d’exclusion. La faute était flagrante : le coupable
fut rendu à sa famille.
Mais il laissait à l’école des amis que son renvoi irrita : ils se le
témoignèrent mutuellement, les têtes s’échauffèrent peu à peu et
une petite révolte s’organisa. A l’étude, on piqua une muette, c’est-à-
dire qu’on ne répondit pas à la prière dite par le Surveillant. Quand il
entrait ou sortait, un murmure sourd grondait à travers la salle et les
pieds frottaient contre le plancher. En récréation, sur son passage,
des groupes scandaient à mi-voix les trois syllabes de son nom sur
l’air des Lampions.
Le Recteur de l’école fut averti : il ordonna au P. Surveillant de lui
désigner trois des plus coupables. Ils furent immédiatement
renvoyés chez eux. Les restants tinrent bon et continuèrent leurs
petites manifestations : trois autres partirent, puis encore trois, et
ainsi de suite durant plusieurs jours. La folie gagna presque toute la
division. Les journaux s’en émurent et le ministère de l’Instruction
publique, alors bienveillant, offrit main-forte au P. Recteur : celui-ci le
remercia de ses bonnes intentions, mais se borna à poursuivre le
système des éliminations par petits paquets.
Cependant le P. Surveillant, désolé de toutes ces exécutions qu’il
se reprochait d’avoir provoquées, conjura son Supérieur de le
sacrifier au bien commun : « Le bien commun, mon cher Père,
Welcome to our website – the ideal destination for book lovers and
knowledge seekers. With a mission to inspire endlessly, we offer a
vast collection of books, ranging from classic literary works to
specialized publications, self-development books, and children's
literature. Each book is a new journey of discovery, expanding
knowledge and enriching the soul of the reade

Our website is not just a platform for buying books, but a bridge
connecting readers to the timeless values of culture and wisdom. With
an elegant, user-friendly interface and an intelligent search system,
we are committed to providing a quick and convenient shopping
experience. Additionally, our special promotions and home delivery
services ensure that you save time and fully enjoy the joy of reading.

Let us accompany you on the journey of exploring knowledge and


personal growth!

textbookfull.com

You might also like