<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Collateral on projectious.work Brand</title><link>https://projectious-work.github.io/brand/v1.0.0/docs/collateral/</link><description>Recent content in Collateral on projectious.work Brand</description><generator>Hugo</generator><language>en</language><atom:link href="https://projectious-work.github.io/brand/v1.0.0/docs/collateral/index.xml" rel="self" type="application/rss+xml"/><item><title>Business card</title><link>https://projectious-work.github.io/brand/v1.0.0/docs/collateral/business-card/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://projectious-work.github.io/brand/v1.0.0/docs/collateral/business-card/</guid><description>&lt;p&gt;The primary format is &lt;strong&gt;digital&lt;/strong&gt; — a vCard shared via QR code or direct link,
not a printed card.&lt;/p&gt;
&lt;div class="pj-demo"&gt;&lt;div class="pj-demo__label"&gt;Digital vCard&lt;/div&gt;
 &lt;div class="pj-demo__body pj-demo__body--stack"&gt;
 
&lt;div class="pj-vcard"&gt;
 &lt;span class="pj-vcard__glow"&gt;&lt;/span&gt;
 &lt;span class="pj-lockup" style="margin-bottom:.75rem"&gt;&lt;svg viewBox="0 0 40 40" class="projectious-mark" style="width:28px;height:28px;--pj-mark-shell:#6b8db2;--pj-mark-cut:#132440;--pj-mark-bud:#E05232"&gt;&lt;path class="projectious-mark__shell" d="M20 3.2C29.6 3.2 36 12 34.4 22.4C32.8 30.4 25.6 36 18.4 36C11.2 36 4.8 30.4 5.6 20C6.4 10.4 12 3.2 20 3.2Z"/&gt;&lt;path class="projectious-mark__cut" opacity=".85" d="M10.4 29.6C9.6 20 13.6 10.4 20.8 8C27.2 6.4 31.2 12 32 19.2L31.2 24.8C27.2 31.2 16.8 32.8 12 30.4Z"/&gt;&lt;path class="projectious-mark__shell" opacity=".85" d="M12.8 26.4C12 19.2 16 10.4 21.6 10.4C26.4 11.2 29.6 16 29.6 20.8C28.8 26.4 22.4 29.6 15.2 28.8Z"/&gt;&lt;path class="projectious-mark__cut" opacity=".8" d="M14.4 24.8C13.6 18.4 17.6 12 22.4 12.8C25.6 13.6 27.2 17.6 26.4 22.4C25.6 25.6 20 27.2 15.2 25.6Z"/&gt;&lt;path class="projectious-mark__bud" d="M16 23.2C16 18.4 18.4 14.4 21.6 15.2C24 16 24.8 19.2 23.2 21.6C21.6 23.2 17.6 24 16 23.2Z"/&gt;&lt;/svg&gt;&lt;span class="pj-wm pj-wm--on-dark" style="font-size:13px"&gt;projectious&lt;span class="pj-wm__ext"&gt; · work&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
 &lt;div class="pj-vcard__name"&gt;Bernhard Gerlach&lt;/div&gt;
 &lt;div class="pj-vcard__role"&gt;Cloud · Agile · Agentic AI&lt;/div&gt;
 &lt;div class="pj-vcard__row" style="margin-top:.625rem"&gt;info@projectious.work&lt;/div&gt;
 &lt;div class="pj-vcard__row"&gt;projectious.work&lt;/div&gt;
&lt;/div&gt;

 &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="layout"&gt;Layout&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Midnight surface, mark top-left, name in Plus Jakarta Sans 700.&lt;/li&gt;
&lt;li&gt;Role in Source Sans 3 400, in &lt;code&gt;slate-dark-11&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Contact rows in IBM Plex Mono at 11px — addresses and handles are data, and
monospace makes them scannable and unambiguous.&lt;/li&gt;
&lt;li&gt;&lt;code&gt;projectious.work&lt;/code&gt; always present.&lt;/li&gt;
&lt;li&gt;Accent used once, on the QR frame or the primary contact method.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="print-fallback"&gt;Print fallback&lt;/h2&gt;
&lt;p&gt;If a printed card is required:&lt;/p&gt;</description></item><item><title>Email signature</title><link>https://projectious-work.github.io/brand/v1.0.0/docs/collateral/email-signature/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://projectious-work.github.io/brand/v1.0.0/docs/collateral/email-signature/</guid><description>&lt;p&gt;The signature is built to work in clients with hostile CSS support — Outlook
included. The source is
&lt;a href="https://github.com/projectious-work/brand/blob/main/brand/email/signature.html"&gt;&lt;code&gt;brand/email/signature.html&lt;/code&gt;&lt;/a&gt;.&lt;/p&gt;
&lt;div class="pj-demo"&gt;&lt;div class="pj-demo__label"&gt;Signature — one-line lockup, four lines maximum&lt;/div&gt;
 &lt;div class="pj-demo__body pj-demo__body--stack"&gt;
 
&lt;table style="border-collapse:collapse;font-family:'Source Sans 3',sans-serif"&gt;
 &lt;tr&gt;&lt;td style="padding:0 0 6px 0"&gt;
 &lt;span class="pj-lockup"&gt;&lt;svg viewBox="0 0 40 40" class="projectious-mark" style="width:24px;height:24px"&gt;&lt;path class="projectious-mark__shell" d="M20 3.2C29.6 3.2 36 12 34.4 22.4C32.8 30.4 25.6 36 18.4 36C11.2 36 4.8 30.4 5.6 20C6.4 10.4 12 3.2 20 3.2Z"/&gt;&lt;path class="projectious-mark__cut" opacity=".85" d="M10.4 29.6C9.6 20 13.6 10.4 20.8 8C27.2 6.4 31.2 12 32 19.2L31.2 24.8C27.2 31.2 16.8 32.8 12 30.4Z"/&gt;&lt;path class="projectious-mark__shell" opacity=".85" d="M12.8 26.4C12 19.2 16 10.4 21.6 10.4C26.4 11.2 29.6 16 29.6 20.8C28.8 26.4 22.4 29.6 15.2 28.8Z"/&gt;&lt;path class="projectious-mark__cut" opacity=".8" d="M14.4 24.8C13.6 18.4 17.6 12 22.4 12.8C25.6 13.6 27.2 17.6 26.4 22.4C25.6 25.6 20 27.2 15.2 25.6Z"/&gt;&lt;path class="projectious-mark__bud" d="M16 23.2C16 18.4 18.4 14.4 21.6 15.2C24 16 24.8 19.2 23.2 21.6C21.6 23.2 17.6 24 16 23.2Z"/&gt;&lt;/svg&gt;&lt;span class="pj-wm" style="font-size:14px"&gt;projectious&lt;span class="pj-wm__ext"&gt; · work&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
 &lt;/td&gt;&lt;/tr&gt;
 &lt;tr&gt;&lt;td style="font-size:13px;font-weight:600;padding:0"&gt;Bernhard Gerlach&lt;/td&gt;&lt;/tr&gt;
 &lt;tr&gt;&lt;td style="font-size:12px;color:var(--pj-text-muted);padding:0"&gt;Cloud · Agile · Agentic AI&lt;/td&gt;&lt;/tr&gt;
 &lt;tr&gt;&lt;td style="font-size:12px;padding:2px 0 0 0"&gt;&lt;a href="#" style="color:var(--pj-midnight-11)"&gt;projectious.work&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;

 &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="construction-rules"&gt;Construction rules&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Table-based layout.&lt;/strong&gt; Flexbox and grid do not survive Outlook.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Inline styles only.&lt;/strong&gt; Most clients strip &lt;code&gt;&amp;lt;style&amp;gt;&lt;/code&gt; blocks.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Web-safe font fallbacks.&lt;/strong&gt; Brand fonts will not load in most clients — the
stack must degrade to a system sans without breaking the layout.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;The mark is a hosted PNG&lt;/strong&gt;, not an SVG and not a data URI. Include &lt;code&gt;alt&lt;/code&gt;
text; many clients block images by default.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;No background images.&lt;/strong&gt; Use a solid &lt;code&gt;bgcolor&lt;/code&gt; attribute.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="content"&gt;Content&lt;/h2&gt;
&lt;p&gt;One line each: name, role, &lt;code&gt;projectious.work&lt;/code&gt;, and a single contact method.
The one-line lockup is used here — the signature is a horizontal context.&lt;/p&gt;</description></item><item><title>Social and OG images</title><link>https://projectious-work.github.io/brand/v1.0.0/docs/collateral/social/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://projectious-work.github.io/brand/v1.0.0/docs/collateral/social/</guid><description>&lt;h2 id="priority"&gt;Priority&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;LinkedIn and GitHub first&lt;/strong&gt;, blog second, Twitter/X as backup. The templates
are sized for those surfaces in that order.&lt;/p&gt;
&lt;h2 id="template-rules"&gt;Template rules&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Backgrounds are &lt;strong&gt;midnight or midnight-dark&lt;/strong&gt;, or white with an accent top
bar.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;&lt;code&gt;projectious.work&lt;/code&gt; is always visible.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Never place text over a busy background.&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;An accent glow circle at subtle opacity provides visual interest without
competing with the text.&lt;/li&gt;
&lt;li&gt;Typography hierarchy is unchanged: Plus Jakarta Sans for headlines, Source
Sans 3 for body.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="pj-demo"&gt;&lt;div class="pj-demo__label"&gt;Open Graph card — 1200x630&lt;/div&gt;
 &lt;div class="pj-demo__body pj-demo__body--stack"&gt;
 
&lt;div class="pj-og"&gt;
 &lt;span class="pj-vcard__glow"&gt;&lt;/span&gt;
 &lt;div class="pj-og__title"&gt;Bad software is a decision,&lt;br&gt;not a constraint.&lt;/div&gt;
 &lt;div class="pj-og__meta"&gt;projectious.work · Cloud · Agile · Agentic AI&lt;/div&gt;
&lt;/div&gt;

 &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="open-graph"&gt;Open Graph&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;1200×630px.&lt;/li&gt;
&lt;li&gt;Headline at Display weight, capped at roughly 60 characters — longer headlines
are truncated by most platforms anyway.&lt;/li&gt;
&lt;li&gt;The mark sits bottom-left or top-left, never centred.&lt;/li&gt;
&lt;li&gt;Test the rendering at 320px wide: most impressions are in a mobile timeline.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="pj-rules"&gt;&lt;div class="pj-rule pj-rule--do"&gt;
 &lt;div class="pj-rule__label"&gt;Do&lt;/div&gt;
 &lt;p&gt;Keep one message per card. Check contrast against the actual background, not the
design canvas.&lt;/p&gt;</description></item></channel></rss>