ascii-graphic

name	ascii-graphic
description	Generate ASCII block-art banner images for social posts and OG images. Dark midnight aesthetic with faded {company} text on near-black background. Two sizes — 1080x1080 (social) and 1200x630 (OG). Use for product announcements, project launches, concept visuals, and repo OG images.
allowed-tools	Read, Write, Edit, Bash(open:*), Bash(agent-browser:*)

ASCII Graphic Generator

Generate self-contained HTML images with large ASCII block-art text banners. Dark midnight aesthetic with faded {company} text.

Output: workspace/social-drafts/images/{date}-{slug}/

Design System

Canvas

• Social: 1080x1080px
• OG: 1200x630px
• Background: #0F1117 (Midnight)
• No card border. The card IS the canvas.
• Padding: 70px 80px (social), 60px 80px (OG)

Typography

• Font: 'Commit Mono', 'Courier New', 'Lucida Console', monospace
• Block art: font-size: 13px; line-height: 1.0; (social) / font-size: 11px (OG)
• Tagline: font-size: 18px; font-style: italic; color: #5A6270;
• Mono line: font-size: 13px; color: #3D434C; letter-spacing: 1px;
• All text left-aligned. No bold, no underline. Block chars provide visual weight.

Color Palette (default: Midnight)

Token	Hex	Use
bg	#0F1117	Canvas
fg	#7B9BC7	Block art, primary text (faded {company})
muted	#5A6270	Tagline
subtle	#3D434C	Mono line, meta
logo	#7B9BC7	{Product} SVG fill

Alternate Color Schemes

Name	bg	fg	muted	subtle
Midnight (default)	#0F1117	#7B9BC7	#5A6270	#3D434C
Linen	#F7F4F0	#3D3632	#6B6560	#9C9590
Chalk	#EDEAE5	#2C3E6B	#6B6560	#9C9590
Forest	#1A1F16	#8FBC8F	#5C6B52	#3D4A35
Ember	#1C1410	#C49464	#7A6248	#4A3828

For light schemes (Linen, Chalk), use fill="#3D3632" or fill="#2C3E6B" on logo SVG with opacity: 0.2. For dark schemes, use fill="{fg}" with opacity: 0.15.

What this design system does NOT have

• No color badges, no tree structures, no macOS traffic light dots
• No colored folders, no gradients, no shadows
• No bright colors. Monochrome + one muted accent tone.

Layout

Vertical, left-aligned. Generous negative space top and bottom.

1. ASCII block-art banner — hero element, left-aligned
2. Tagline — 1 line, italic, muted
3. Mono line — small monospace, subtle (install command, URLs, version info)
4. Logo — {Product} SVG, bottom-right, positioned absolutely, low opacity

{Product} Logo (inline SVG)

Use fill="{fg}" to match the current color scheme. For Midnight, that's #7B9BC7.

<svg class="logo" viewBox="0 0 106 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.6743 1.19913C11.9323 0.94113 11.7496 0.5 11.3847 0.5H7.9097C7.80109 0.5 7.69692 0.543148 7.62012 0.619951L0.119951 8.12012C-0.0399837 8.28005-0.0399837 8.53936 0.119951 8.69929L11.1243 19.7036C11.2842 19.8635 11.5435 19.8635 11.7034 19.7036L22.7078 8.69929C22.8677 8.53936 22.8677 8.28005 22.7078 8.12012L20.6806 6.093C20.6642 6.07651 20.6357 6.08382 20.6265 6.10529C20.6066 6.15222 20.5775 6.19619 20.5392 6.23447L11.7034 15.0702C11.5435 15.2301 11.2842 15.2301 11.1243 15.0702L4.75335 8.69929C4.59341 8.53936 4.59341 8.28005 4.75335 8.12012L8.37509 4.49838L8.37651 4.49695L11.6743 1.19913Z" fill="#7B9BC7"/>
<path d="M24.6269 0.619951C24.5501 0.543148 24.446 0.5 24.3373 0.5H17.329C17.2204 0.5 17.1163 0.543148 17.0395 0.619951L9.53929 8.12012C9.37936 8.28005 9.37936 8.53936 9.53929 8.69929L11.2747 10.4347C11.4346 10.5946 11.6939 10.5946 11.8538 10.4347L17.3549 4.93357C17.3555 4.93298 17.3565 4.93298 17.3571 4.93357C17.3577 4.93416 17.3586 4.93416 17.3592 4.93357L18.3965 3.89626C18.4734 3.81945 18.5775 3.77631 18.6861 3.77631H22.9803C23.0889 3.77631 23.193 3.81945 23.2698 3.89626L27.4937 8.12012C27.6536 8.28005 27.6536 8.53936 27.4937 8.69929L21.6692 14.5238C21.6664 14.5265 21.6636 14.5292 21.6608 14.532L14.1294 22.0634C13.9695 22.2233 13.9695 22.4826 14.1294 22.6425L15.8669 24.3801C16.0269 24.54 16.2862 24.54 16.4461 24.3801L21.1146 19.7116C21.1173 19.709 21.1201 19.7063 21.1228 19.7036L32.1271 8.69929C32.287 8.53936 32.287 8.28005 32.1271 8.12012L24.6269 0.619951Z" fill="#7B9BC7"/>
<path d="M42.624 2.45264V18.3013H39.447V2.45264H42.624Z" fill="#7B9BC7"/>
<path d="M54.9944 6.9571C55.9167 7.90327 56.378 9.22409 56.3784 10.9196V18.3019H53.1996V11.3533C53.1996 10.3542 52.95 9.58604 52.4507 9.04877C51.9514 8.5115 51.2708 8.24286 50.4087 8.24286C49.5307 8.24286 48.8384 8.5115 48.3317 9.04877C47.8251 9.58604 47.5718 10.3542 47.5718 11.3533V18.3013H44.3948V5.72241H47.5718V7.28931C48.0029 6.73847 48.5592 6.29852 49.1944 6.00601C49.8732 5.6914 50.6137 5.5325 51.3618 5.54092C52.8608 5.54174 54.0717 6.0138 54.9944 6.9571Z" fill="#7B9BC7"/>
<path d="M58.4321 8.58305C58.9388 7.59873 59.6309 6.84184 60.5085 6.31237C61.3919 5.78143 62.4054 5.50646 63.4358 5.51815C64.245 5.51661 65.0439 5.699 65.7723 6.05152C66.5134 6.40711 67.1035 6.88019 67.5425 7.47078V1.49908H70.765V18.3013H67.5425V16.4391C67.149 17.0604 66.5966 17.56 65.8855 17.9377C65.1743 18.3154 64.3499 18.5047 63.4125 18.5055C62.3861 18.5149 61.3783 18.2312 60.5073 17.6879C59.6301 17.1429 58.9379 16.3747 58.4309 15.3834C57.9238 14.3921 57.6705 13.253 57.6709 11.966C57.6717 10.695 57.9255 9.56736 58.4321 8.58305ZM67.1121 10.0251C66.831 9.49454 66.4063 9.05385 65.8867 8.75346C65.3837 8.46113 64.8119 8.30824 64.2302 8.31052C63.6463 8.30496 63.072 8.45975 62.5698 8.75804C62.0677 9.05633 61.6569 9.48669 61.3822 10.0023C61.0723 10.5548 60.9174 11.2093 60.9174 11.966C60.9174 12.7227 61.0723 13.3851 61.3822 13.9531C61.6646 14.4915 62.0883 14.9428 62.6076 15.2585C63.0964 15.5565 63.6579 15.7136 64.2302 15.7126C64.8118 15.7148 65.3835 15.5621 65.8867 15.2702C66.4063 14.9698 66.831 14.5292 67.1121 13.9986C67.4146 13.4462 67.5661 12.7838 67.5665 12.0115C67.5669 11.2393 67.4154 10.5771 67.1121 10.0251Z" fill="#7B9BC7"/>
<path d="M73.1826 3.69041C73.0066 3.5169 72.8667 3.31009 72.7713 3.08201C72.6759 2.85394 72.6267 2.60915 72.6267 2.36189C72.6267 2.11463 72.6759 1.86984 72.7713 1.64176C72.8667 1.41369 73.0066 1.20688 73.1826 1.03337C73.5516 0.67861 74.0168 0.500823 74.5784 0.500003C75.1399 0.499183 75.6052 0.676969 75.9741 1.03337C76.1502 1.20688 76.29 1.41369 76.3854 1.64176C76.4809 1.86984 76.53 2.11463 76.53 2.36189C76.53 2.60915 76.4809 2.85394 76.3854 3.08201C76.29 3.31009 76.1502 3.5169 75.9741 3.69041C75.6027 4.04599 75.1375 4.22378 74.5784 4.22378C74.0193 4.22378 73.554 4.04599 73.1826 3.69041ZM76.1444 5.72055V18.3013H72.9668V5.7224L76.1444 5.72055Z" fill="#7B9BC7"/>
<path d="M85.9926 6.07428C86.7038 6.4434 87.2638 6.92407 87.6724 7.5163V5.72239H90.8697V18.3917C90.8697 19.5577 90.635 20.5984 90.1657 21.5139C89.6964 22.4293 88.993 23.1558 88.0555 23.6935C87.1172 24.2308 85.9826 24.4996 84.6516 24.5C82.8661 24.5 81.4023 24.0837 80.2603 23.2512C79.1183 22.4186 78.4717 21.2834 78.3204 19.8454H81.4746C81.6386 20.4196 81.9979 20.8773 82.5525 21.2186C83.1071 21.5598 83.7765 21.7302 84.5606 21.7298C85.4833 21.7298 86.2322 21.4535 86.8073 20.9011C87.3824 20.3487 87.6694 19.5122 87.6681 18.3917V16.4391C87.2582 17.0297 86.6946 17.5218 85.9773 17.9156C85.2599 18.3093 84.4401 18.5062 83.5178 18.5062C82.4916 18.5154 81.4841 18.2318 80.6132 17.6886C79.736 17.1435 79.0439 16.3753 78.5368 15.384C78.0298 14.3927 77.7764 13.2536 77.7769 11.9666C77.7769 10.6952 78.0302 9.56736 78.5368 8.58304C79.0435 7.59873 79.7319 6.84184 80.6021 6.31236C81.4716 5.78329 82.4435 5.51855 83.5178 5.51814C84.4569 5.51814 85.2819 5.70352 85.9926 6.07428ZM87.2181 10.0251C86.937 9.49453 86.5123 9.05385 85.9926 8.75345C85.4897 8.46113 84.9179 8.30823 84.3362 8.31052C83.7522 8.30496 83.178 8.45975 82.6758 8.75804C82.1736 9.05632 81.7629 9.48668 81.4882 10.0023C81.1783 10.5547 81.0233 11.2093 81.0233 11.966C81.0233 12.7227 81.1783 13.3851 81.4882 13.9531C81.7706 14.4915 82.1942 14.9428 82.7136 15.2585C83.2023 15.5565 83.7639 15.7136 84.3362 15.7126C84.9178 15.7148 85.4895 15.5621 85.9926 15.2702C86.5123 14.9698 86.937 14.5292 87.2181 13.9986C87.5206 13.4462 87.672 12.7838 87.6724 12.0115C87.6728 11.2393 87.5214 10.5771 87.2181 10.0251Z" fill="#7B9BC7"/>
<path d="M95.3878 17.6996C94.4271 17.1701 93.6363 16.3786 93.1073 15.4173C92.5543 14.4329 92.2782 13.2977 92.2791 12.0115C92.2799 10.7254 92.5635 9.59013 93.13 8.60581C93.6765 7.64227 94.4824 6.85166 95.456 6.32405C96.4398 5.78678 97.5365 5.51814 98.7462 5.51814C99.9558 5.51814 101.053 5.78678 102.037 6.32405C103.01 6.85201 103.816 7.64254 104.363 8.60581C104.93 9.59013 105.214 10.7254 105.214 12.0115C105.214 13.2977 104.923 14.4329 104.34 15.4173C103.779 16.3812 102.962 17.1711 101.98 17.6996C100.989 18.2369 99.881 18.5055 98.6558 18.5055C97.4453 18.5055 96.356 18.2369 95.3878 17.6996ZM100.278 15.3151C100.785 15.035 101.19 14.615 101.492 14.0552C101.795 13.4954 101.946 12.8142 101.946 12.0115C101.946 10.8164 101.632 9.8969 101.005 9.253C100.708 8.94098 100.351 8.69402 99.9541 8.52785C99.5575 8.36167 99.1306 8.2799 98.7007 8.28775C97.7931 8.28775 97.033 8.60951 96.4201 9.253C95.8073 9.89649 95.5013 10.816 95.5022 12.0115C95.5022 13.2075 95.801 14.1272 96.3986 14.7707C96.9963 15.4142 97.7491 15.7357 98.657 15.7353C99.2246 15.737 99.783 15.5923 100.278 15.3151Z" fill="#7B9BC7"/>
</svg>

Place in bottom-right, position: absolute; bottom: 40px; right: 50px;, width 80px, opacity 0.15.

ASCII Block Character Map (ANSI Shadow — 6 rows)

Each character is 6 rows tall. Width varies. Use white-space: pre — spacing is exact. Compose text by joining row 1 of each char, then row 2, etc.

Letters A-Z

A (width: 8)
 █████╗
██╔══██╗
███████║
██╔══██║
██║  ██║
╚═╝  ╚═╝

B (width: 8)
██████╗
██╔══██╗
██████╔╝
██╔══██╗
██║  ██║
╚═════╝

C (width: 8)
 ██████╗
██╔════╝
██║
██║
╚██████╗
 ╚═════╝

D (width: 8)
██████╗
██╔══██╗
██║  ██║
██║  ██║
██████╔╝
╚═════╝

E (width: 7)
███████╗
██╔════╝
█████╗
██╔══╝
███████╗
╚══════╝

F (width: 7)
███████╗
██╔════╝
█████╗
██╔══╝
██║
╚═╝

G (width: 8)
 ██████╗
██╔════╝
██║  ███╗
██║   ██║
╚██████╔╝
 ╚═════╝

H (width: 8)
██╗  ██╗
██║  ██║
███████║
██╔══██║
██║  ██║
╚═╝  ╚═╝

I (width: 3)
██╗
██║
██║
██║
██║
╚═╝

J (width: 6)
     ██╗
     ██║
     ██║
██   ██║
╚█████╔╝
 ╚════╝

K (width: 8)
██╗  ██╗
██║ ██╔╝
█████╔╝
██╔═██╗
██║  ██╗
╚═╝  ╚═╝

L (width: 8)
██╗
██║
██║
██║
███████╗
╚══════╝

M (width: 12)
███╗   ███╗
████╗ ████║
██╔████╔██║
██║╚██╔╝██║
██║ ╚═╝ ██║
╚═╝     ╚═╝

N (width: 10)
███╗   ██╗
████╗  ██║
██╔██╗ ██║
██║╚██╗██║
██║ ╚████║
╚═╝  ╚═══╝

O (width: 9)
 ██████╗
██╔═══██╗
██║   ██║
██║   ██║
╚██████╔╝
 ╚═════╝

P (width: 8)
██████╗
██╔══██╗
██████╔╝
██╔═══╝
██║
╚═╝

Q (width: 9)
 ██████╗
██╔═══██╗
██║   ██║
██║▄▄ ██║
╚██████╔╝
 ╚══▀▀═╝

R (width: 8)
██████╗
██╔══██╗
██████╔╝
██╔══██╗
██║  ██║
╚═╝  ╚═╝

S (width: 7)
███████╗
██╔════╝
███████╗
╚════██║
███████║
╚══════╝

T (width: 8)
████████╗
╚══██╔══╝
   ██║
   ██║
   ██║
   ╚═╝

U (width: 8)
██╗   ██╗
██║   ██║
██║   ██║
██║   ██║
╚██████╔╝
 ╚═════╝

V (width: 8)
██╗   ██╗
██║   ██║
██║   ██║
╚██╗ ██╔╝
 ╚████╔╝
  ╚═══╝

W (width: 12)
██╗    ██╗
██║    ██║
██║ █╗ ██║
██║███╗██║
╚███╔███╔╝
 ╚══╝╚══╝

X (width: 8)
██╗  ██╗
╚██╗██╔╝
 ╚███╔╝
 ██╔██╗
██╔╝ ██╗
╚═╝  ╚═╝

Y (width: 8)
██╗   ██╗
╚██╗ ██╔╝
 ╚████╔╝
  ╚██╔╝
   ██║
   ╚═╝

Z (width: 8)
███████╗
╚══███╔╝
  ███╔╝
 ███╔╝
███████╗
╚══════╝

Digits 0-9

0 (width: 9)
 ██████╗
██╔═══██╗
██║   ██║
██║   ██║
╚██████╔╝
 ╚═════╝

1 (width: 4)
 ██╗
███║
╚██║
 ██║
 ██║
 ╚═╝

2 (width: 8)
██████╗
╚════██╗
 █████╔╝
██╔═══╝
███████╗
╚══════╝

3 (width: 8)
██████╗
╚════██╗
 █████╔╝
 ╚═══██╗
██████╔╝
╚═════╝

4 (width: 8)
██╗  ██╗
██║  ██║
███████║
╚════██║
     ██║
     ╚═╝

5 (width: 7)
███████╗
██╔════╝
███████╗
╚════██║
███████║
╚══════╝

6 (width: 8)
 ██████╗
██╔════╝
███████╗
██╔═══██╗
╚██████╔╝
 ╚═════╝

7 (width: 8)
████████╗
╚═════██║
     ██╔╝
    ██╔╝
    ██║
    ╚═╝

8 (width: 8)
 █████╗
██╔══██╗
╚█████╔╝
██╔══██╗
╚█████╔╝
 ╚════╝

9 (width: 8)
 █████╗
██╔══██╗
╚██████║
 ╚═══██║
 █████╔╝
 ╚════╝

Punctuation & Special

- (hyphen, width: 5)


█████╗
╚════╝



. (dot, width: 3)




██╗
╚═╝

SPACE (width: 4)

Compact 4-Row Font (for text >10 chars)

Smaller variant. Each char is 4 rows. Use when standard font overflows.

A      B      C      D      E      F      G      H
█▀█    █▀▄    █▀▀    █▀▄    █▀▀    █▀▀    █▀▀    █ █
█▀█    █▀▄    █      █ █    █▀     █▀     █ █    █▀█
█ █    █▄▀    █▄▄    █▄▀    █▄▄    █      █▄█    █ █

I      J      K      L      M      N      O      P
█      █      █ █    █      █▄▀▄█  █▄ █   █▀█    █▀▄
█      █      █▀▄    █      █ ▀ █  █ ██   █ █    █▀▀
█      █▄█    █ █    █▄▄    █   █  █  █   █▄█    █

Q      R      S      T      U      V      W      X
█▀█    █▀▄    █▀▀    ▀█▀    █ █    █ █    █   █  █ █
█ █    █▀▄    ▀▀█     █     █ █    █ █    █ █ █  ▀▄▀
█▄█▄   █ █    ▄▄█     █     █▄█    ▀▄▀    █▄█▄█  █ █

Y      Z      0      1      2      3      4      5
█ █    ▀▀█    █▀█    ▄█     █▀█    █▀█    █ █    █▀▀
▀█▀     █▀    █ █     █     ▄▀█    ▀▀█    █▀█▄   ▀▀█
 █     █▄▄    █▄█     █     █▄▄    █▄█      █    ▄▄█

6      7      8      9      -      .      SPACE
█▀▀    ▀▀█    █▀█    █▀█
█▀█      █    █▀█    ▀██    ▀▀▀
█▄█      █    █▄█     ▄█           ▄

For compact font: font-size: 18px; line-height: 1.15;

Composition Algorithm

To render text as block art:

1. Uppercase the input text
2. Split into individual characters
3. For each character, look up its 6-row definition (or 4-row for compact)
4. Split each definition into rows (by newline)
5. For each row index (0-5), concatenate that row from every character with 1 space between chars
6. Join all 6 concatenated rows with newlines
7. Wrap result in <pre class="ascii-art">...</pre>

Worked Example: "HQ"

Row 0: ██╗ ██╗ ██████╗ Row 1: ██║ ██║ ██╔═══██╗ Row 2: ███████║ ██║ ██║ Row 3: ██╔══██║ ██║▄▄ ██║ Row 4: ██║ ██║ ╚██████╔╝ Row 5: ╚═╝ ╚═╝ ╚══▀▀═╝

Result:

██╗  ██╗  ██████╗
██║  ██║ ██╔═══██╗
███████║ ██║   ██║
██╔══██║ ██║▄▄ ██║
██║  ██║ ╚██████╔╝
╚═╝  ╚═╝  ╚══▀▀═╝

Fitting Rules

Social (1080x1080)

• Usable width: ~940px (1080 - 2*70 padding)
• At font-size 14px monospace: ~8.4px per column
• Max columns: ~112
• Avg char width: 9 columns + 1 space = 10
• Max ~10 uppercase chars per line at standard size

OG Image (1200x630)

• Usable width: ~1040px (1200 - 2*80 padding)
• At font-size 11px monospace: ~6.6px per column
• Max columns: ~157
• Max ~15 uppercase chars per line at standard size

Overflow Strategy

• ≤10 chars (social) / ≤15 chars (OG): standard 6-row font, single line
• 11-20 chars: split at word boundary into 2 lines, 1 blank row between
• Alt for 11-20 chars: use compact 4-row font at 18px, fits more on one line
• Agent decides based on word count, visual balance, and canvas size

HTML Template

Social (1080x1080)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
  @import url('https://fonts.googleapis.com/css2?family=Commit+Mono:wght@400;700&display=swap');
  * { margin: 0; padding: 0; box-sizing: border-box; }
  body {
    background: #0F1117;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 20px;
  }
  .card {
    background: #0F1117;
    width: 1080px;
    height: 1080px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 70px 80px;
    position: relative;
  }
  .ascii-art {
    font-family: 'Commit Mono', 'Courier New', 'Lucida Console', monospace;
    font-size: 13px;
    line-height: 1.0;
    color: #7B9BC7;
    white-space: pre;
    text-align: left;
    letter-spacing: 0;
  }
  .tagline {
    font-family: 'Commit Mono', 'Courier New', 'Lucida Console', monospace;
    font-size: 18px;
    font-style: italic;
    color: #5A6270;
    text-align: left;
    margin-top: 36px;
    line-height: 1.5;
  }
  .mono-line {
    font-family: 'Commit Mono', 'Courier New', 'Lucida Console', monospace;
    font-size: 13px;
    color: #3D434C;
    text-align: left;
    margin-top: 16px;
    letter-spacing: 1px;
  }
  .logo {
    position: absolute;
    bottom: 40px;
    right: 50px;
    width: 80px;
    height: auto;
    opacity: 0.15;
  }
</style>
</head>
<body>
<div class="card">
  <pre class="ascii-art">{ASCII_BLOCK_ART}</pre>
  <div class="tagline">{TAGLINE}</div>
  <div class="mono-line">{MONO_LINE}</div>
  <!-- {Product} logo SVG here -->
</div>
</body>
</html>

OG Image (1200x630)

Same template but change .card dimensions:

.card {
  width: 1200px;
  height: 630px;
  padding: 60px 80px;
}
.ascii-art {
  font-size: 11px;
}
.tagline {
  font-size: 16px;
  margin-top: 28px;
}
.mono-line {
  font-size: 12px;
  margin-top: 12px;
}
.logo {
  bottom: 30px;
  right: 40px;
  width: 70px;
}

Process

1. Receive: banner text, tagline, mono line, size (social or og)
2. Uppercase the banner text
3. Count characters — pick standard or compact font, single or multi-line
4. Look up each character in the map
5. Compose block art row-by-row
6. Fill HTML template with block art, tagline, mono line, and logo SVG
7. Write to workspace/social-drafts/images/{date}-{slug}/{name}.html
8. Open and screenshot:

agent-browser --allow-file-access open file://{absolute-path-to-html}
agent-browser screenshot --full {output-dir}/{name}.png
agent-browser close

Pre-Composed Examples

IRONCLAW

██╗██████╗  ██████╗ ███╗   ██╗ ██████╗██╗      █████╗ ██╗    ██╗
██║██╔══██╗██╔═══██╗████╗  ██║██╔════╝██║     ██╔══██╗██║    ██║
██║██████╔╝██║   ██║██╔██╗ ██║██║     ██║     ███████║██║ █╗ ██║
██║██╔══██╗██║   ██║██║╚██╗██║██║     ██║     ██╔══██║██║███╗██║
██║██║  ██║╚██████╔╝██║ ╚████║╚██████╗███████╗██║  ██║╚███╔███╔╝
╚═╝╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═══╝ ╚═════╝╚══════╝╚═╝  ╚═╝ ╚══╝╚══╝

HQ

██╗  ██╗ ██████╗
██║  ██║██╔═══██╗
███████║██║   ██║
██╔══██║██║▄▄ ██║
██║  ██║╚██████╔╝
╚═╝  ╚═╝ ╚══▀▀═╝

{company}

██╗███╗   ██╗██████╗ ██╗ ██████╗  ██████╗
██║████╗  ██║██╔══██╗██║██╔════╝ ██╔═══██╗
██║██╔██╗ ██║██║  ██║██║██║  ███╗██║   ██║
██║██║╚██╗██║██║  ██║██║██║   ██║██║   ██║
██║██║ ╚████║██████╔╝██║╚██████╔╝╚██████╔╝
╚═╝╚═╝  ╚═══╝╚═════╝ ╚═╝ ╚═════╝  ╚═════╝

LOOM

██╗      ██████╗  ██████╗ ███╗   ███╗
██║     ██╔═══██╗██╔═══██╗████╗ ████║
██║     ██║   ██║██║   ██║██╔████╔██║
██║     ██║   ██║██║   ██║██║╚██╔╝██║
███████╗╚██████╔╝╚██████╔╝██║ ╚═╝ ██║
╚══════╝ ╚═════╝  ╚═════╝ ╚═╝     ╚═╝

CREATE-HQ

 ██████╗██████╗ ███████╗ █████╗ ████████╗███████╗      ██╗  ██╗ ██████╗
██╔════╝██╔══██╗██╔════╝██╔══██╗╚══██╔══╝██╔════╝      ██║  ██║██╔═══██╗
██║     ██████╔╝█████╗  ███████║   ██║   █████╗  █████╗███████║██║   ██║
██║     ██╔══██╗██╔══╝  ██╔══██║   ██║   ██╔══╝  ╚════╝██╔══██║██║▄▄ ██║
╚██████╗██║  ██║███████╗██║  ██║   ██║   ███████╗      ██║  ██║╚██████╔╝
 ╚═════╝╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝   ╚═╝   ╚══════╝      ╚═╝  ╚═╝ ╚══▀▀═╝

Reference

• Ironclaw readme — canonical aesthetic for this style
• Existing dark skill (skills/social-graphic/SKILL.md) — structural pattern
• Midnight color scheme chosen over Linen/Chalk variants after visual comparison