Skip to content

Add Soft Systems Palette HTML reference #181

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
JaclynCodes merged 3 commits into from
Jan 25, 2026
Merged

Add Soft Systems Palette HTML reference #181

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
24abb6b
Initial plan
Copilot Jan 25, 2026
9cc3575
Add soft-systems-palette.html with color swatches
Copilot Jan 25, 2026
2a16a90
Fix grep count pattern to avoid double-printing zero
Copilot Jan 25, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions .github/workflows/iteration-status-emails.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,8 +69,8 @@ jobs:
grep "^[0-9]*:-[[:space:]]*✋" || true)

# Count tasks
RUNNER_COUNT=$(echo "$RUNNER_TASKS" | grep -c . || echo "0")
HAND_COUNT=$(echo "$HAND_TASKS" | grep -c . || echo "0")
RUNNER_COUNT=$(echo "$RUNNER_TASKS" | grep -c . || true)
HAND_COUNT=$(echo "$HAND_TASKS" | grep -c . || true)

echo "Found $RUNNER_COUNT tasks in progress"
echo "Found $HAND_COUNT blocked tasks"
Expand Down
81 changes: 81 additions & 0 deletions soft-systems-palette.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Soft Systems Palette</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
background-color: #FFFBF9; /* Base */
color: #3A3535; /* Slate */
}

.swatch-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}

.swatch {
width: 180px;
height: 180px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.swatch span {
font-size: 12px;
font-weight: normal;
}

/* Colors */
.swatch.base { background-color: #FFFBF9; color: #3A3535; }
.swatch.slate { background-color: #3A3535; }
.swatch.boldnbloom { background-color: #FF9B59; }
.swatch.mute { background-color: #EDA7A7; }
.swatch.deep { background-color: #14367C; }
.swatch.alien { background-color: #D6FFAF; color: #3A3535; }
</style>
</head>
<body>
<h1>Soft Systems Palette</h1>
<p>A thoughtfully designed palette for Symphonic-Joules projects. Each shade plays a unique role in creating a harmonious, visually appealing design.</p>
<div class="swatch-container">
<div class="swatch base">
#Base
<span>#FFFBF9</span>
</div>
<div class="swatch slate">
#Slate
<span>#3A3535</span>
</div>
<div class="swatch boldnbloom">
#BoldnBloom
<span>#FF9B59</span>
</div>
<div class="swatch mute">
#Mute
<span>#EDA7A7</span>
</div>
<div class="swatch deep">
#Deep
<span>#14367C</span>
</div>
<div class="swatch alien">
#Alien
<span>#D6FFAF</span>
</div>
</div>
</body>
</html>
Loading