S

Style Guide Collection

Central Directory

Design Systems Portal

Our Living Portfolio of User Interface Standards

Welcome to the central design repository. Below you'll find the active style guides, design tokens, and coded components across our suite of applications. Use this index to jump straight to platform-specific guidelines.

Active Design Systems

1 Active System
Live

Chronicle

A mid-century modern editorial style guide for intentional photojournalism. Emphasizes minimalism and restricted storage structures.

React Native & Web Open Guide
UI Kit

trusty UI Kit

A calm, professional, family-friendly UI system for household operations, payroll preparation, documents, and compliance follow-through.

Web, RN & SwiftUI Open trusty Guide
Template

[Brand Name] UI Kit

A highly adaptable cross-platform template supporting Web (Tailwind CSS), React Native (Mobile Apps), and iOS Native (SwiftUI).

Web, RN & SwiftUI Open Template

Future Style Guide

Ready for your next application. Easily append new guides as you build out additional digital products.

Status: Pending Inactive

How to Add a New Design System

Our architecture makes scaling incredibly straightforward. To deploy another style guide or UI kit to this directory, follow these three simple steps:

1
Save File

Create your new style guide HTML document (e.g. portfolio-system.html) and place it in the same public/ folder on your server.

2
Modify index.html

Copy the Chronicle card markup from above, paste it inside the "Registry Grid" layout, and update the link to your new filename.

3
Deploy Live

Push your updated code to production. Your central style guide hub is completely static, with zero complicated backend routes!