<?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/v2.0.2/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/v2.0.2/docs/collateral/index.xml" rel="self" type="application/rss+xml"/><item><title>Business card</title><link>https://projectious-work.github.io/brand/v2.0.2/docs/collateral/business-card/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://projectious-work.github.io/brand/v2.0.2/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/v2.0.2/docs/collateral/email-signature/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://projectious-work.github.io/brand/v2.0.2/docs/collateral/email-signature/</guid><description>&lt;p&gt;Email is not the web. Every value below is a literal, every layout is a table,
and nothing depends on a stylesheet the client is free to discard.&lt;/p&gt;
&lt;p&gt;Two forms are supplied:&lt;/p&gt;
&lt;table&gt;
	&lt;thead&gt;
			&lt;tr&gt;
					&lt;th&gt;Form&lt;/th&gt;
					&lt;th&gt;Source&lt;/th&gt;
					&lt;th&gt;Use for&lt;/th&gt;
			&lt;/tr&gt;
	&lt;/thead&gt;
	&lt;tbody&gt;
			&lt;tr&gt;
					&lt;td&gt;&lt;strong&gt;Full&lt;/strong&gt;&lt;/td&gt;
					&lt;td&gt;&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;/td&gt;
					&lt;td&gt;First contact, and any message leaving the organisation — it carries the legally required details&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;&lt;strong&gt;Short&lt;/strong&gt;&lt;/td&gt;
					&lt;td&gt;&lt;a href="https://github.com/projectious-work/brand/blob/main/brand/email/signature-short.html"&gt;&lt;code&gt;brand/email/signature-short.html&lt;/code&gt;&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Replies and internal mail, where the full block repeated down a thread becomes noise&lt;/td&gt;
			&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id="the-signature"&gt;The signature&lt;/h2&gt;
&lt;div class="pj-demo"&gt;&lt;div class="pj-demo__label"&gt;Full form — a white message is the design constraint&lt;/div&gt;
 &lt;div class="pj-demo__body pj-demo__body--stack"&gt;
 
&lt;div class="pj-email-sheet"&gt;
&lt;table cellpadding="0" cellspacing="0" border="0" role="presentation" style="border-collapse:collapse;max-width:520px;background:#ffffff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:13px;line-height:1.5;color:#142438"&gt;
 &lt;tr&gt;&lt;td bgcolor="#ffffff" style="background:#ffffff;border-left:3px solid #E05232;padding:2px 0 2px 14px"&gt;
 &lt;div style="font-size:15px;font-weight:700;color:#1d3352;letter-spacing:-0.2px"&gt;Jane Doe&lt;/div&gt;
 &lt;div style="font-size:13px;color:#142438;padding-top:1px"&gt;Principal Consultant&lt;/div&gt;
 &lt;div style="font-size:13px;color:#546a82"&gt;Projectious GmbH&lt;/div&gt;
 &lt;div style="padding-top:9px"&gt;
 &lt;span style="font-size:13px;color:#142438"&gt;+49 30 000 000 00&lt;/span&gt;
 &lt;span style="font-size:13px;color:#546a82"&gt;&amp;nbsp;·&amp;nbsp;&lt;/span&gt;
 &lt;a href="#" style="font-size:13px;color:#3a5a82;text-decoration:none"&gt;jane@projectious.work&lt;/a&gt;
 &lt;/div&gt;
 &lt;div&gt;&lt;a href="#" style="font-size:13px;color:#3a5a82;text-decoration:none"&gt;projectious.work&lt;/a&gt;&lt;/div&gt;
 &lt;div style="font-size:12px;color:#546a82;padding-top:9px"&gt;Musterstraße 1, 10115 Berlin, Germany&lt;/div&gt;
 &lt;div style="font-size:11px;line-height:1.45;color:#546a82;padding-top:9px"&gt;
 Projectious GmbH · Registered seat Berlin&lt;br&gt;
 Amtsgericht Charlottenburg, HRB 000000 · VAT ID DE000000000&lt;br&gt;
 Managing director: Jane Doe
 &lt;/div&gt;
 &lt;div style="font-size:11px;line-height:1.45;color:#546a82;padding-top:7px"&gt;
 This message is intended only for the addressee and may contain confidential
 information. If you received it in error, please tell the sender and delete it.
 &lt;/div&gt;
 &lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;

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

&lt;div class="pj-demo"&gt;&lt;div class="pj-demo__label"&gt;Short form — replies and internal mail&lt;/div&gt;
 &lt;div class="pj-demo__body pj-demo__body--stack"&gt;
 
&lt;div class="pj-email-sheet"&gt;
&lt;table cellpadding="0" cellspacing="0" border="0" role="presentation" style="border-collapse:collapse;max-width:520px;background:#ffffff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:13px;line-height:1.5;color:#142438"&gt;
 &lt;tr&gt;&lt;td bgcolor="#ffffff" style="background:#ffffff;border-left:3px solid #E05232;padding:2px 0 2px 14px"&gt;
 &lt;div style="font-size:14px;font-weight:700;color:#1d3352;letter-spacing:-0.2px"&gt;Jane Doe&lt;/div&gt;
 &lt;div style="font-size:12px;color:#546a82"&gt;Principal Consultant · Projectious GmbH&lt;/div&gt;
 &lt;div style="padding-top:5px"&gt;
 &lt;a href="#" style="font-size:12px;color:#3a5a82;text-decoration:none"&gt;jane@projectious.work&lt;/a&gt;
 &lt;span style="font-size:12px;color:#546a82"&gt;&amp;nbsp;·&amp;nbsp;&lt;/span&gt;
 &lt;a href="#" style="font-size:12px;color:#3a5a82;text-decoration:none"&gt;projectious.work&lt;/a&gt;
 &lt;/div&gt;
 &lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;

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

&lt;p&gt;Both specimens are rendered on &lt;strong&gt;white&lt;/strong&gt;, because that is where a signature
actually lives. The surrounding page has a colour mode; a mail message
generally does not.&lt;/p&gt;</description></item><item><title>Social and OG images</title><link>https://projectious-work.github.io/brand/v2.0.2/docs/collateral/social/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://projectious-work.github.io/brand/v2.0.2/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>