025.317

Library Card Catalog

A Design System for Quiet Spaces

Subject: CSS Design Systems

Filed under: Visual Language / Institutional

Status: In Circulation

001 Color Palette

Color Palette

Drawn from oak drawer fronts, cream card stock, green reading lamps, brass hardware, and the faded ink of a thousand date stamps.

Oak & Wood

Oak #8B6914
Oak Dark #5C4A28
Oak Light #A8884A
Walnut #3E2C1C

Card Stock & Paper

Card Cream #F5F0E1
Manila #E8D9B0
Aged Card #DDD0B3
Card White #FAF8F2

Institutional

Library Green #2D5A3D
Burgundy #7A2032
Brass #B8963E

Stamp Inks

Stamp Purple #6B4C8A
Stamp Red #B44040
Stamp Blue #3A5C8A

002 Typography

Typography

Four typefaces reflecting the textures of library life: the imperfect strike of a typewriter, the precision of catalog systems, the authority of display titles, and the legibility of body text.

Display

Playfair Display / 48px / 700

The Reading Room

Typewriter

Special Elite / 20px / 400

The card catalog contains approximately 12,450 entries filed alphabetically by author surname, with cross-references under subject heading.

Catalog Mono

IBM Plex Mono / 14px / 500

QA 76.73 .J39 K56 2024 — CALL NUMBER FORMAT

Heading

Playfair Display / 30px / 700

Reference Collection

Subheading

Playfair Display / 22px / 600

Periodicals & Serials

Body

Libre Baskerville / 17px / 400

The library, with its quiet warmth and smell of aging paper, is a place where the past speaks softly to the present. Each card in the catalog represents a doorway.

Body Italic

Libre Baskerville / 17px / Italic

Please return all materials to the circulation desk before closing. Quiet in the reading room is appreciated.

Caption

IBM Plex Mono / 12px / 400

Catalog System Est. 1897 · Dewey Decimal Classification

003 Spacing

Spacing

An 8-point scale with a 4px base unit, reflecting the orderly precision of a well-maintained catalog system.

xs / 4px
4
sm / 8px
8
md / 16px
16
lg / 24px
24
xl / 32px
32
2xl / 48px
48
3xl / 64px
64
4xl / 96px
96
Consistent spacing creates the visual order expected of an institutional reference system. Like the precise gap between drawers in an oak cabinet, each increment has purpose.

004 Buttons

Buttons

Actions styled as circulation desk controls -- check out, renew, place on hold.

Variants

Sizes

States

005 Forms

Forms

Input fields styled as catalog entry forms and library registration documents.

006 Cards

Cards

Content containers modeled after catalog cards, book pockets, and drawer labels.

Standard Cards

Reference Desk

Consult our staff of trained librarians for assistance locating materials in the collection.

Special Collections

Rare books, manuscripts, and archival materials available by appointment in the reading room.

Quiet Study

Individual study carrels and group rooms are available on the upper floors of the main building.

Book Pocket Card

Date Due

This book is due on the latest date stamped below. A fine of five cents per day is charged for overdue books.

Library Pocket

Remove card from pocket. Present card with book at circulation desk. Keep this card in the book pocket.

Drawer Labels

Aa - Be
Bi - Cr
Cu - Ev
Fa - Gr

007 Alerts

Alerts

System notifications styled as library notices and desk announcements.

Overdue Notice

The following items are past their return date. A late fee of $0.25 per day will accrue until the items are returned to the circulation desk.

Patron Notice

Your requested hold on "The Structure of Scientific Revolutions" is now available. Please pick up at the main desk within 7 days.

Reading Room

This area is designated as a quiet study zone. Please silence all electronic devices and refrain from conversation.

Reserved Material

This item is on reserve for course use. Loan period is limited to 2 hours and material may not leave the library.

008 Catalog Cards

Catalog Cards

The heart of the system. Index cards with typed entries, horizontal rules, and the distinctive center hole punch.

QA 76.73 .J39 K56 2024
Kernighan, Brian W.
Understanding the Digital World: What You Need to Know about Computers, the Internet, Privacy, and Security.
Princeton University Press, 2024.
xii, 368 p. : ill. ; 24 cm.
ISBN 978-0-691-21956-5
Z 695.1 .D48 M37 2019
Marcella, Rita C.
The Dewey Decimal Classification: A Practical Manual of Current Practice.
4th ed. Chandos Publishing, 2019.
viii, 244 p. ; 23 cm.
Includes bibliographical references.
Each card is filed under its primary entry point -- typically the author's surname. Cross-reference cards (see and see also) guide patrons between related subjects.

009 Date Due Stamps

Date Due Stamps

Rubber stamps, due date slips, and the satisfying clunk of the date stamper on the back page of a borrowed book.

Rubber Stamps

Approved
OVERDUE
Returned
Ref.
Only
Discard

Inline Date Stamps

DUE: Mar 15 2026 OVERDUE Received: Feb 17 2026

Due Date Slip

Date Due
All books subject to recall
Nov 03 2024
Dec 12 2024
Jan 08 2025
Feb 28 2025
May 14 2025
Sep 22 2025
Date Due
Date Patron Status
Sep 14 '24 J. Marsh Returned
Oct 22 '24 R. Singh Returned
Jan 05 '25 M. Chen Overdue
Mar 18 '25 K. Adams Returned
Feb 17 '26 A. Wolfe Active

010 Drawer Cabinet

Drawer Cabinet

Oak drawers with brass label frames and pulls. The physical architecture of organized knowledge.

Aa - Be
Bi - Cr
Cu - Ev
Fa - Gr
Gu - Je
Ji - Le
Li - Mo
Mu - Pe
Pi - Ri
Ro - Sm
Sn - Tr
Tu - Zz
The card catalog cabinet remains the most elegant physical interface for navigating a collection. Each drawer a self-contained alphabetical universe.

011 Data Table

Data Table

Tabular records styled as library ledger entries.

Call Number Title Author Status Due
QA 76.73 The C Programming Language Kernighan, B. Checked Out Mar 15 '26
PS 3545 Leaves of Grass Whitman, W. Available
QC 16 Surely You're Joking, Mr. Feynman! Feynman, R. Overdue Jan 28 '26
Z 695.1 The Organization of Information Taylor, A. On Hold
BF 698 Thinking, Fast and Slow Kahneman, D. Available

012 Library Card & Bookplate

Library Card & Bookplate

Patron identification and book ownership markers -- the personal side of the institutional system.

Public Library

Borrower's Identification Card
Name Whitfield, Eleanor M.
Card No. 2847-1093-56
Branch Main Branch — Reference Hall
Issued September 14, 2019
Expires September 14, 2026
2847 1093 56

Ex Libris

From the Library of

Eleanor M. Whitfield

013 Spine Labels

Spine Labels & Classification

The small adhesive labels on book spines that encode an entire system of knowledge organization into a few characters.

Spine Labels

QA
76.73 .J39
PS
3545 .H53
Z
695.1 .D48
BF
698 .K34
QC
16 .F49
PR
6023 .A35

Dewey Decimal Overview

Class Subject Example
000 Computer Science, Information Generalities
100 Philosophy & Psychology Ethics, Logic
200 Religion Theology, Mythology
300 Social Sciences Economics, Law
400 Language Linguistics, Grammar
500 Natural Sciences Mathematics, Physics
600 Technology Medicine, Engineering
700 Arts & Recreation Music, Sports
800 Literature Poetry, Fiction
900 History & Geography Biography, Travel

014 Design Principles

Design Principles

The rules of the reading room, applied to interface design.

025

Order

Every element has a place. The Dewey system assigns a home for all human knowledge. Our layouts should feel equally inevitable.

Shh

Quiet

Let the content speak. Avoid visual noise. The best interfaces, like the best libraries, achieve calm through restraint.

W

Warmth

Oak, brass, cream card stock. Digital interfaces can have the warmth of physical spaces without mimicking them literally.

A-Z

Findability

The entire purpose of a catalog is retrieval. Navigation should be obvious, consistent, and forgiving of mistakes.

Endurance

Libraries are built to last. Choose patterns and materials -- colors, type, spacing -- that will age well and not chase trends.