Keen Design Language System

Clean, minimal, functional, timeless with minimal, eye-catching accents

A design system for personal blogs and websites that embraces restraint while incorporating unexpected moments of delight.

Quick Start

Keen Design prioritizes readability, functionality, and timeless aesthetics, with carefully placed accent elements that add personality without overwhelming the content.

Visual Motifs: Dots, connecting strings/lines, geometric simplicity Do not add: Emojis, gradients,

Documentation Structure

Foundations

• Philosophy - Core principles and approach
• Typography - Font hierarchy and text styling
• Colors - Color palette and usage

Components

• Tables - Table formatting and layouts
• Callouts - Information boxes and alerts
• Code Blocks - Code styling and syntax

Key Principles

• Restraint - Every element should have a purpose and can be maintained easily
• Readability first - Made to be content focused. I'm not a designer
• Accents for Contrast - Add simple elemnts that stand out
• Timeless appeal - Avoid trendy elements that date quickly