Knowledge architecture for organizations driving systemic change.
Change is the new status quo.
Change is the new status quo.
Brand Identity Guidelines / Color
Tangerine over royal blue. Practice over theory.
The palette runs on two registers. Tangerine carries the energy. Royal blue carries the institutional weight. The two halves talk to each other across every surface, which is how a knowledge architecture is supposed to behave.
01 / Color
Click a swatch to copy its hex value.
Brand Identity Guidelines / Typography
Cartograph Sans and Mono CF.
Cartograph is a humanist family with a shared mono skeleton. The sans cut runs as the workhorse face. The mono cut handles captions, kickers, code, and any moment where the type should feel like a printed label. Pairing them keeps the brand on a single typographic key without going monotone.
02 / Typography
Cartograph Sans CF · primary
Federal service is the highest form of work.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Usage
Cartograph Sans CF (Connary Fagen). The brand's workhorse face. Headlines, body, labels.
Stack
'Cartograph Sans CF', 'JetBrains Mono', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
Cartograph Mono CF · mono
ECQ · SES · CFJST · v1.1.0 · 2024 / 09 / 26
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Usage
Cartograph Mono CF. Captions, kickers, version stamps, and the path-notation logotype itself.
Stack
'Cartograph Mono CF', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace
Brand Identity Guidelines / Logo
The marks of a system architecture.
The primary logotype is the brand name set inside the brackets of phonetic notation. The macron over the I marks the long 'ī'. The slash before /State both separates syllables and behaves as a filepath. Read together they form the visual pronunciation: /īdē[ə]l/stāt/. The marks all extend from the same device.
03 / Marks
The primary logo. Two-line stack: Ideal / State. Use for the largest and most recognizable applications. Reads as the visual pronunciation key.
The secondary lockup. One-line wordmark for narrow headers, business-card chips, and any application where the stacked mark would crowd the layout.
The small-format mark. A bracketed 'Id' for favicons, app icons, business-card backs, and any spot under 50px where the wordmark would lose detail.
The alternate badge. Stacked logotype inside the bracket-box used for the monogram. Substitutes for the stacked lockup on darker collateral, posters, and merchandise stamps.
04 / Voice
Personality
Plainspoken · Ambitious · Warm
Tone
Plainspoken, Ambitious, Warm
Photography
Principles
00 / Foundation
01 / Heritage
“Change is the new status quo.”
Knowledge architecture for organizations driving systemic change.
Brand Identity Guidelines
/īdē[ə]l/stāt/.
The brand begins as a pronunciation key. A slash. A bar over the I. A bracket holding the syllables together. Read literally it is the phonetic spelling of the practice's name. Read as a system reference it is a filepath from the current state to the ideal one. Read as a stamp on a white-paper cover it is the practice's signature.
The practice opened to design knowledge architectures for organizations working on systemic change. The starting bet: a thriving knowledge ecosystem is one that combines people, process, and technology to redefine how people work together and achieve maximum impact.
The 2017 brand system carried that bet through. A pronunciation-key logotype. A Cartograph type pairing. A topographic ground. Four sub-brands written as filepaths. Templates for the documents the practice actually shipped.
Background
Ideal State worked with mission-driven organizations on the harder half of digital transformation: turning a stack of tools, files, and teams into a single working knowledge system. The brand carried that practice through identity, sub-brands, and the document templates the work actually shipped on.
Brand character
Plainspoken. Ambitious. Warm.
Brand pillars
01
02
03
04
Brand Identity Guidelines / Imagery
Linear schematics, figurative posters, topographic ground.
The primary illustrations read as schematics of an organization. Monoweight outline, tangerine on white, ambient line work. The secondary illustrations are figurative posters on the topographic ground. Bolder color blocking, narrative scenes. The texture itself is a contour pattern that nods to the Cartograph type family. Together they form the visual grammar of a system reference.
Principles
06 / Sub-brands
Service area
The knowledge-architecture practice. Information design, taxonomy work, content systems.
Service area
The community + collaboration practice. Stakeholder engagement, focus groups, user stories.
Service area
The convening practice. Workshops, training sessions, strategy sprints.
Service area
The technology practice. Intranet, extranet, and digital tools that hold the knowledge architecture together.
Program
ID_COURSE.01. The process program. How the practice is run.
Program
ID_COURSE.02. The research program. How the studio listens before designing.
Program
ID_COURSE.03. The mindset program. How the studio teaches the orientation that makes the rest possible.
07 / Applications
The brand in production. Campaigns, books, certificates, web surfaces, agency materials. The applied work is the proof the system holds together.
printBusiness cards with the tangerine block + horizontal logotype on the face, square ID monogram on the back. Letterhead in the same system with the stacked logotype anchored top-left.
printFull white-paper series template. Topographic royal-blue cover, sub-brand mark on the cover (Ideal/Community, Ideal/Knowledge, etc.), tangerine accents on numbered process steps and pull-quotes, modular interior grid for stories + sidebars.
digitalPowerPoint master template with topographic chapter dividers, the brand's tangerine accent rules, and the secondary illustration set for section openers.
printTri-fold handout summarizing the practice. Front cover: topographic ground + 'Change is the new status quo'. Interior: the four-pillar ecosystem diagram, services list, contact panel.
internalInternal-facing process diagram (Build / Human-Centered Design / Workspace). Used inside the studio and on engagement kickoff decks to set expectations for the way the practice works.
08 / Spec
Brand book version 1.0.0, last updated . Machine-readable spec for agents and developers: