Brand Strategy
Use for identity intent, tone, mark constraints, and core principles before implementation.
Identity
Principles
Voice
Design System
Cohesive design and brand guidelines for Jeff Jenx
This system defines brand strategy, reusable UI components, and icon specifications. Start with the documents below to understand the foundational principles, then dive into implementation details.
Canonical fallback mark for plain text contexts: [JJ].
Source Documents
Three core references
Each document covers a major design domain. Use the links to navigate directly to relevant sections for your work.
Style Guide
Use for reusable UI patterns, component states, category accent usage, and progressive enhancement layers.
Components
Patterns
States
Iconography
Use for generator settings, size maps, export formats, and production code snippets for platform assets.
Assets
Export
Code Snippets
How to Use This System
Navigate by your task
Choose a starting document based on what you're working on. Each page is structured with clear sections that let you find exactly what you need.
By Task Type
- Making brand or strategic decisions
- Reference Brand Foundation, then check Principles for guardrails.
- Building interfaces and components
- Start with Progressive Enhancement, then reference specific components like Buttons and Inputs.
- Creating or exporting assets
- Consult Icon Size Map, then use the Export and Code tools for output.
Design Tokens Reference
Shared foundation for all design work:
- Color: Brand accents and semantic roles
- Typography: Type scale and font families
- Spacing: Modular 4px rhythm
- Radius & Motion: Polish and transitions
- Full token definitions
Recommended Workflow
Four-step process for new projects
Step 1 - Frame
Confirm scope and category accents. If identity tradeoffs appear, resolve them in Brand Strategy before touching implementation.
Step 2 - Build
Assemble interfaces from style primitives and component references. Treat the style guide as the source of truth for states and behavior.
Step 3 - Ship Assets
Generate icon outputs for platforms and package snippets needed by deployment templates.
Step 4 - Token Audit
Verify typography, spacing, radius, and motion against shared tokens to avoid drift between projects.