Daily Dev Habit

Daily Dev Habit Design System

A “Crystal Goblet” approach: clean, clear, and focused on content.

1. Color Palette

Base
#FAF9F6

Contrast
#111827

Accent 1
#047857

Accent 2
#6B7280

Accent 3
#E5E7EB

Accent 4
#05BD89

Accent 5
#055bc5

Accent 6
#4B5E85

2. Typography

Heading Font: Lora

H1 Heading

H2 Heading

H3 Heading

H4 Heading

Body Font: Source Sans 3

This is a standard body paragraph. The goal is maximum readability and clarity, allowing the content to be the primary focus. The line height is generous to create a calm, focused reading experience.

This is a slightly smaller paragraph for captions or less important text. It still maintains a high level of legibility.

3. Components

Buttons & Links

Primary Button
Secondary Button

This is an example of a text link within a paragraph.
It is clearly identifiable and accessible.

Code Block

<?php
/**
 * Plugin Name: Daily Dev Habit
 * Description: A tool for thoughtful development.
 */

if ( ! defined( 'WPINC' ) ) {
    die;
}

4. Putting It All Together

Announcing Version 0.1.0

The first version of Daily Dev Habit is now available for testing. This release focuses on the core functionality: a simple, elegant form to help you build a consistent habit of documenting your work.

Download from GitHub

More posts