Stable kernel internal Projects

Along with my responsibilities to Stable Kernel’s (SK) client engagements, I also worked on internal tasks, including maintenance of the SK brand, updating brand materials, working with marketing and supporting business development efforts.

SK Design Team Website

Following is the initial concept design for an independent site showcasing the project work and skill set of the Stable Kernel design team.

Role: Designer, writer, illustrations

Concept: Interactive Bento Box Website

This concept takes inspiration from a playful Bento Box and showcases the Creative Team’s work and accomplishments.  Each compartment of the box highlights a different part of the site including the team’s design methodologies, case studies, individual profiles, company overview and a blog. The experience is brought to life with fun interactive elements and illustrations, some of which were generated using artificial intelligence. (Dall-e, ChatGPT).

Design Services

  • Concept sketches

  • Competitive review

  • Flow charts / wireframes

  • High-fidelity design mockups

  • Interactive prototype

Building The Stable Kernel Design System

Role: Designer | Brand Strategist

To modernize Stable Kernel’s outdated Style Guide, I developed a comprehensive design system in Figma. This system establishes a single source of truth for the brand and is built on design tokens, variables, components, and styles. By standardizing these elements, the design system ensures consistency and scalability across the entire company ecosystem, making it easier for the team to collaborate, maintain visual integrity, and deliver cohesive user experiences.

Method

Audit & Research
Review the existing style guide, product UIs, and brand assets; identify inconsistencies and gather stakeholder input.

Define Foundations
Translate core elements—color, typography, spacing, iconography—into design tokens, variables, and styles in Figma.

Build Components
Create reusable components and patterns (buttons, forms, navigation) linked to tokens for consistency and scalability.

Document & Guide
Write clear usage guidelines with examples, accessibility notes, and best practices to ensure proper adoption.

Pilot & Iterate
Test the system in a real product or feature, gather feedback, and refine based on designer and developer needs.

Deliver & Maintain
Release the Figma library, hand off code-ready tokens, provide training, and establish governance for ongoing updates.

font specifications