Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
  • Loading branch information
xxiicode committed Apr 23, 2024
2 parents 5d10676 + 33ddea9 commit d4c6068
Show file tree
Hide file tree
Showing 9 changed files with 114 additions and 27 deletions.
Binary file modified brand/.DS_Store
Binary file not shown.
2 changes: 1 addition & 1 deletion brand/assets/email-signatures/sales-email-signature.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<td style="padding-left: 12px;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;">Now working from: Austin, TX</td>
</tr>
<tr style="height:auto;vertical-align: top;">
<td style="padding-left: 12px;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;"><a href="tel:3023677038" target="_blank" style="color: #722FFF;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;text-decoration: underline !important;">(302) 367-7038</a></td>
<td style="padding-left: 12px;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;"><a href="tel:3023677038" target="_blank" style="color: #722FFF;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;text-decoration: underline !important;">(415) 610-8439</a></td>
</tr>
</tbody>
</table>
Expand Down
2 changes: 1 addition & 1 deletion brand/content/brand-applications.php
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<section id="brand-applications">
<h2 class="heading-1">5. Brand Applications</h2>
<h3 id="social-media" class="heading-2">5.1. Social Media</h3>
<h3 id="social-profiles" class="heading-2">5.1. Social Profiles</h3>
<h4 id="profile-picture" class="heading-3">Profile Picture</h4>
<div class="preview">
<img src="imgs/social-media-profile-picture.png" alt="">
Expand Down
27 changes: 16 additions & 11 deletions brand/content/brand-strategy.php
Original file line number Diff line number Diff line change
Expand Up @@ -42,33 +42,38 @@
<h3 id="brand-architecture" class="heading-2">3.5. Brand Architecture</h3>
<img src="imgs/brand-architecture.png" alt="Brand Architecture" height="auto" width="100%">
<h3 id="voice" class="heading-2">3.6. Voice</h3>
<p>The content expressed by our brand must be informative and engaging, proactive in the design and development community with free and fully-accessible educational content in tutorials and open-source software.</p>
<h4 id="newsletter" class="heading-3">Newsletter</h4>
<p>The Newsletter is the holy grail of our content strategy. It allows us to focus on short-form content delivered directly to our subscribers in their inbox.</p>
<p>Most Blogs out there demand a lot of resources to end up with a very long, elaborate, polished post, that none or very few people read in full. Our Newsletter prioritizes an efficient content creation workflow that results in easily degistible content published frequently and consistently.</p>
<p>The content produced for the Newsletter is repurposed in two ways. (A) as Social Media posts in LinkedIn, and (B) kept in an online archive as a page in <a data-before="plfn" href="https://polyfen.com/newsletter" target="_blank" rel="dofollow">Polyfen's</a> website.</p>
<p>The subject matter must always be relevant, congruent with our Core Values and our Tone, and in touch with reality. We don't want to be <a href="https://www.reddit.com/r/LinkedInLunatics/" target="_blank" rel="nofollow" title="reddit.com/r/linkedinlunatics" data-emoji="link">r/LinkedInLunatics</a>. We aim to publish content frequently, yes; But, never at the expense of quality.</p>
<h3 id="motto" class="heading-2">3.7. Motto</h3>
<p>The content expressed by our Brand must be informative and engaging, proactive in the design, marketing, business, and tech communities providing free and fully-accessible educational value.</p>
<p>Our Brand takes no part in conversations regarding politics, religion, or military conflicts.</p>
<p>The <a href="#newsletter" data-emoji="anchor">Newsletter</a> is the holy grail of our content strategy. It allows us to focus on short-form content delivered directly to our subscribers in their inbox, and then repurpose it for <a href="#social-media" data-emoji="anchor">Social Media</a>.</p>
<h3 id="tone" class="heading-2">3.7. Tone</h3>
<div class="preview">
<figure>
<img src="imgs/tone-chart.png">
</figure>
</div>
<p style="margin-bottom:3rem;"><a href="https://www.nngroup.com/articles/tone-of-voice-dimensions/" target="_blank" data-emoji="link">The Four Dimensions of Tone — NN Group</a></p>
<p>The Tone of our content should be casual and friendly, but not funny. It should also be enthusiastic and relatable. Concice and to-the-point. Easy to read and understand.</p>
<div class="align-center">
<iframe width="560" height="315" src="https://www.youtube.com/embed/OV5J6BfToSw?si=v_iAc-t6WJvEE3Lc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<h3 id="motto" class="heading-2">3.8. Motto</h3>
<div class="preview">
<h4 class="heading-3">Imagine. Build. Shine.</h4>
</div>
<p>Our Motto distills the spirit of our Purpose and Core Values into a few concrete words.</p>
<h3 id="key-messages" class="heading-2">3.8. Key Messages</h3>
<h3 id="key-messages" class="heading-2">3.9. Key Messages</h3>
<h4 id="tagline" class="heading-3">Tagline</h4>
<small class="caption">Under 30 characters<br><br></small>
<h5 class="heading-4">Polyfen</h5>
<div class="preview">
<blockquote><p>Creative & Software Boutique</p></blockquote>
</div>
<h4 id="bio" class="heading-3">Bio</h4>
<small class="caption">Under 120 characters<br><br></small>
<h5 class="heading-4">Polyfen</h5>
<div class="preview">
<blockquote><p>Creative & software boutique empowering US businesses with design, marketing, and engineering services since 2018.</p></blockquote>
</div>
<h4 id="extended-bio" class="heading-3">Extended Bio</h4>
<small class="caption">Under 3 paragraphs<br><br></small>
<h5 class="heading-4">Polyfen</h5>
<div class="preview">
<blockquote><p>We're a creative and development agency founded in 2018 with a fully-remote team working for clients from the US.</p>
<p>We help US businesses translate their vision into digital experiences that bring in the money.</p>
Expand Down
68 changes: 68 additions & 0 deletions brand/content/content-generation.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
<section id="content-generation">
<h2 class="heading-1">7. Content Generation</h2>
<p>The subject matter of all content generation must be relevant, congruent with our <a href="#voice" data-emoji="anchor">Voice</a> and <a href="#tone" data-emoji="anchor">Tone</a>, and in touch with reality. We don't want to be <a href="https://www.reddit.com/r/LinkedInLunatics/" target="_blank" rel="nofollow" title="reddit.com/r/linkedinlunatics" data-emoji="link">r/LinkedInLunatics</a>. We aim to publish content frequently, yes; But, never at the expense of quality.</p>
<h3 id="newsletter" class="heading-2">7.1. Newsletter</h3>
<p>The Newsletter is the holy grail of our content strategy. It allows us to focus on short-form content delivered directly to our subscribers in their inbox.</p>
<p>Most Blogs out there demand a lot of resources to end up with a very long, elaborate, polished post, that none or very few people read in full. Our Newsletter prioritizes an efficient content creation workflow that results in easily degistible content published frequently and consistently.</p>
<p>The content produced for the Newsletter is repurposed in two ways. (A) as Social Media posts in LinkedIn, and (B) kept in an online archive as a page in <a data-before="plfn" href="https://polyfen.com/newsletter" target="_blank" rel="dofollow">Polyfen's</a> website.</p>
<p>The purpose of the Newsletter is not to push sales of our services blatantly. The goal is to provide our followers with valuable information about the industry.</p>
<h4 class="heading-3" id="subject">Subject</h4>
<ul class="hanging-list">
<li>Start with an emoji to illustrate the topic.</li>
<li>Keep the length under 70 characters.</li>
<li>Set the text in Title-Casing.</li>
<li>Be descriptive. Avoid click-baity subjects.</li>
</ul>
<p>Examples:</p>
<ul class="hanging-list">
<li>💰 How Branding Makes you Money</li>
<li>🤖 You Should Have an AI Ethics Policy</li>
<li>🧪 How our Small Team Invests in R&D</li>
<li>📕 How to Write Useful Brand Guidelines</li>
</ul>
<h4 class="heading-3" id="body-text">Preview Text</h4>
<ul class="hanging-list">
<li>Engage the user with a sub-title to the subject line.</li>
<li>Max 150 characters.</li>
</ul>
<p>Example</p>
<div class="preview">
<p class="align-left" style="font-style: italic;">Ever wondered why Coca-Cola is worth 260 billion? How about Apple being worth 2.65 trillion? </p>
</div>
<h4 class="heading-3" id="image">Image</h4>
<p>Start the email message with a cover image.</p>
<ul class="hanging-list">
<li>Dimensions: 1200px × 630px</li>
<li>Format: JPG</li>
</ul>
<p>Example:</p>
<img src="imgs/email-image-example.jpg">
<h4 class="heading-3" id="body-text">Body Text</h4>
<ul class="hanging-list">
<li>Ideally 3-5 paragraphs long.</li>
<li>Finish the message with a link to our LinkedIn page.</li>
</ul>
<p>Example</p>
<div class="preview">
<p style="text-align:left;font-style:italic;">Ever wonder why Coca-Cola is worth 260 billion? How about Apple being worth 2.65 trillion? The price of those companies shares is a direct reflection of their ability to do good Branding.</p>
<p style="text-align:left;font-style:italic;">If you were to buy 100% of shares of The Coca-Cola Company, you would be paying for all tangible assets they own (manufacturing plants, vehicles, inventory); but you would also be paying for ownership of their intangible assets, like the intellectual property of the Brand, its place in the mind of consumers, and the potential for future sales.</p>
<p style="text-align:left;font-style:italic;">Investing in your Brand (name, logo, website, social media profiles) makes your business money in three ways:</p>
<p style="text-align:left;font-style:italic;">1. Higher Market-Share<br>A consumer faced with multiple buying options in a similar price range will always choose the most professional, trust-worthy-looking seller. Packaging what you offer with an eye-catching logo, a memorable brand name, and an elegant design will lead more buyers away from your competitors and towards your pocket.</p>
<p style="text-align:left;font-style:italic;">2. Higher Pricing<br>You’ve stolen customers away from the competition. Now, they’re starting to become repeat customers, and they’re even telling their friends about your business. People are willing to pay a little extra for the guaranteed quality of your products and services. It’s time to reflect that quality in your prices with a controlled increase of the profit margin.</p>
<p style="text-align:left;font-style:italic;">3. Higher Company Valuation<br>Investors are willing to pay a lot more money for stock in your business when you own a Brand with a distinctive name, a memorable logo, a well-crafted website, and a strong presence in social media. When calculating the value of a share from a company, the intellectual property of a Brand is a key component that could alone be worth millions of dollars.</p>
</div>
<h4 class="heading-3" id="newsletter-signature">Signature</h4>
<div class="preview">
<p style="text-align:left;font-style:italic;">Join the conversation about [EMAIL TOPIC] in our <a href="https://www.linkedin.com/company/polyfen/mycompany/?viewAsMember=true" target="_blank">LinkedIn Page</a> and share your thoughts.</p>
<p style="text-align:left;font-style:italic;">
Boris Hrnčić<br>
Founder &amp; CEO<br>
<a href="https://linkedin.com/in/borishr" target="_blank">Connect on LinkedIn</a><br>
<a href="https://polyfen.com/?utm_source=signature&utm_medium=email&utm_campaign=newsletter" target="_blank">polyfen.com</a><br>
</p>
</div>
<h4 class="heading-3" id="newsletter-design">Design</h4>
<p>The design of the Newsletter template is purposefully as simple and clean as possible. It relies on color and typography to tie it in with our Brand Identity. All other aspects of the design should resemble a plain text email sent to you by a colleague. We must stay away from overly complex layouts and heavy use of visuals. Our Newsletter's strength lies in producing real, valuable content, sent to you by someone you know.</p>
<img src="imgs/newsletter-design.png" alt="">
<h3 id="social-media" class="heading-2">7.2. Social Media</h3>
</section>
Binary file added brand/imgs/email-image-example.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added brand/imgs/newsletter-design.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added brand/imgs/tone-chart.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
42 changes: 28 additions & 14 deletions brand/index.php
Original file line number Diff line number Diff line change
Expand Up @@ -46,15 +46,13 @@
</ul>
<li><a href="#brand-architecture" class="caption">3.5. Brand architecture</a></li>
<li><a href="#voice" class="caption">3.6. Voice</a></li>
<li><a href="#tone" class="caption">3.7. Tone</a></li>
<li><a href="#motto" class="caption">3.8. Motto</a></li>
<li><a href="#key-messages" class="caption">3.9. Key Messages</a></li>
<ul>
<li><a href="#newsletter" class="caption">3.6.1. Newsletter</a></li>
</ul>
<li><a href="#motto" class="caption">3.7. Motto</a></li>
<li><a href="#key-messages" class="caption">3.8. Key Messages</a></li>
<ul>
<li><a href="#tagline" class="caption">3.8.1. Tagline</a></li>
<li><a href="#bio" class="caption">3.8.2. Bio</a></li>
<li><a href="#extended-bio" class="caption">3.8.3. Extended Bio</a></li>
<li><a href="#tagline" class="caption">3.9.1. Tagline</a></li>
<li><a href="#bio" class="caption">3.9.2. Bio</a></li>
<li><a href="#extended-bio" class="caption">3.9.3. Extended Bio</a></li>
</ul>
</ul>
<li><a href="#visual-identity" class="caption">4. Visual identity</a></li>
Expand All @@ -81,7 +79,7 @@
</ul>
<li><a href="#brand-applications" class="caption">5. Brand Applications</a></li>
<ul>
<li><a href="#social-media" class="caption">5.1. Social Media</a></li>
<li><a href="#social-profiles" class="caption">5.1. Social Profiles</a></li>
<ul>
<li><a href="#profile-picture" class="caption">5.1.1. Profile Picture</a></li>
<li><a href="#cover" class="caption">5.1.2. Cover</a></li>
Expand All @@ -95,11 +93,23 @@
</ul>
<li><a href="#web-guidelines" class="caption">6. Web Guidelines</a></li>
<ul>
<li><a href="#info-architecture" class="caption">5.1. Info Architecture</a></li>
<li><a href="#ux-writing" class="caption">5.2. UX Writing</a></li>
<li><a href="#design-system" class="caption">5.3. Design System</a></li>
<li><a href="#ui-design" class="caption">5.4. UI Design</a></li>
<li><a href="#changelog" class="caption">5.5. Changelog</a></li>
<li><a href="#info-architecture" class="caption">6.1. Info Architecture</a></li>
<li><a href="#ux-writing" class="caption">6.2. UX Writing</a></li>
<li><a href="#design-system" class="caption">6.3. Design System</a></li>
<li><a href="#ui-design" class="caption">6.4. UI Design</a></li>
<li><a href="#changelog" class="caption">6.5. Changelog</a></li>
</ul>
<li><a href="#content-generation" class="caption">7. Content Generation</a></li>
<ul>
<li><a href="#newsletter" class="caption">7.1. Newsletter</a></li>
<ul>
<li><a href="#subject" class="caption">7.1.1. Subject</a></li>
<li><a href="#image" class="caption">7.1.2. Image</a></li>
<li><a href="#body-text" class="caption">7.1.3. Body Text</a></li>
<li><a href="#newsletter-signature" class="caption">7.1.4. Signature</a></li>
<li><a href="#newsletter-signature" class="caption">7.1.5. Design</a></li>
</ul>
<li><a href="#social-media" class="caption">7.2. Social Media</a></li>
</ul>
</ul>
<br><br>
Expand Down Expand Up @@ -143,6 +153,10 @@
<?php include 'content/web-guidelines.php';?>
<!-- INCLUDE OUR-BRANDS.PHP end -->
<hr>
<!-- INCLUDE OUR-BRANDS.PHP start -->
<?php include 'content/content-generation.php';?>
<!-- INCLUDE OUR-BRANDS.PHP end -->
<hr>
</main>
<div>

Expand Down

0 comments on commit d4c6068

Please sign in to comment.