Brand Guidelines
+The Polyfen Group LLC
Est. 2018
+ + + + +
+ + + +
+ + + +
+
diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..e805550
Binary files /dev/null and b/.DS_Store differ
diff --git a/.github/workflows/cloudflare-purge.yml b/.github/workflows/cloudflare-purge.yml
new file mode 100644
index 0000000..abbad87
--- /dev/null
+++ b/.github/workflows/cloudflare-purge.yml
@@ -0,0 +1,20 @@
+name: ๐พ Purge Cache on Cloudflare
+
+on:
+ push:
+ branches:
+ - main
+
+jobs:
+ purge_cache:
+ runs-on: ubuntu-latest
+
+ steps:
+ - name: Checkout repository
+ uses: actions/checkout@v2
+
+ - name: Purge Cache on Cloudflare
+ uses: jakejarvis/cloudflare-purge-action@master
+ env:
+ CLOUDFLARE_ZONE: ${{ secrets.CLOUDFLARE_ZONE }}
+ CLOUDFLARE_TOKEN: ${{ secrets.CLOUDFLARE_TOKEN }}
\ No newline at end of file
diff --git a/.github/workflows/master.yml b/.github/workflows/master.yml
new file mode 100644
index 0000000..f92daae
--- /dev/null
+++ b/.github/workflows/master.yml
@@ -0,0 +1,19 @@
+on:
+ push:
+ branches:
+ - main
+name: ๐ Deploy website on push
+jobs:
+ web-deploy:
+ name: ๐ Deploy
+ runs-on: ubuntu-latest
+ steps:
+ - name: ๐ Get latest code
+ uses: actions/checkout@v2
+
+ - name: ๐ Sync files
+ uses: SamKirkland/FTP-Deploy-Action@4.3.3
+ with:
+ server: ftp.borishrncic.com
+ username: ${{ secrets.ftp_username }}
+ password: ${{ secrets.ftp_password }}
\ No newline at end of file
diff --git a/.github/workflows/staging.yml b/.github/workflows/staging.yml
new file mode 100644
index 0000000..5e34876
--- /dev/null
+++ b/.github/workflows/staging.yml
@@ -0,0 +1,19 @@
+on:
+ push:
+ branches:
+ - staging
+name: ๐ Deploy website on push
+jobs:
+ web-deploy:
+ name: ๐ Deploy
+ runs-on: ubuntu-latest
+ steps:
+ - name: ๐ Get latest code
+ uses: actions/checkout@v2
+
+ - name: ๐ Sync files
+ uses: SamKirkland/FTP-Deploy-Action@4.3.3
+ with:
+ server: ftp.borishrncic.com
+ username: ${{ secrets.ftp_stg_username }}
+ password: ${{ secrets.ftp_stg_password }}
\ No newline at end of file
diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png
new file mode 100644
index 0000000..696b6b2
Binary files /dev/null and b/android-chrome-192x192.png differ
diff --git a/android-chrome-512x512.png b/android-chrome-512x512.png
new file mode 100644
index 0000000..b941309
Binary files /dev/null and b/android-chrome-512x512.png differ
diff --git a/app/.DS_Store b/app/.DS_Store
new file mode 100644
index 0000000..7d6ef86
Binary files /dev/null and b/app/.DS_Store differ
diff --git a/app/cookies.css b/app/cookies.css
new file mode 100644
index 0000000..abeed54
--- /dev/null
+++ b/app/cookies.css
@@ -0,0 +1,97 @@
+/*///////////// COOKIES MODAL START /////////////*/
+
+div#cookies-modal-container {
+ display: flex;
+ justify-content: center;
+ }
+
+ div#cookies-modal {
+ position: fixed;
+ bottom: 16px;
+ right: 16px;
+ width: 250px;
+ display: flex !important;
+ background: rgba(255, 255, 255, 0.85);
+ padding: 20px 20px 10px;
+ border-radius: 3px;
+ backdrop-filter: blur(6px);
+ z-index: 10;
+ flex-direction: row;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+ align-content: center;
+ }
+
+ div#cookies-title {
+ color: #000;
+ align-items: baseline;
+ gap: 6px;
+ }
+
+ div#cookies-title small {
+ color: #00000082;
+ }
+
+ div#cookies-modal-buttons {
+ margin-top: 15px;
+ margin-bottom: 10px;
+ }
+
+ @media (min-width: 768px) {
+
+ div#cookies-modal {
+ justify-content: space-between;
+ bottom: 20px;
+ }
+
+ }
+
+ div#cookies-modal a {
+ color: #000;
+ border-bottom: 2px dotted #7537f8;
+ }
+
+ div#cookies-modal a:hover {
+ color: #000;
+ border-bottom: 2px solid #7537f8;
+ }
+
+
+ div#cookies-modal button {
+ padding: 7px 24px 3px;
+ border: 2px solid #fdb0bb;
+ border-radius: 4px;
+ background: #fdfdfd;
+ letter-spacing: 0;
+ color: #fdb0bb;
+ text-transform: uppercase;
+ font-size: 1rem;
+ opacity: 0.8;
+ }
+
+ div#cookies-modal button {
+ float: right;
+ color: #000;
+ border-color: #00000052;
+ background: rgba(255, 255, 255, 0.508);
+ font-size: 0.9rem;
+ font-family: 'BiotifMedium';
+ border-width: 2px;
+ }
+
+ div#cookies-modal button:hover {
+ background: white;
+ color: #444444;
+ box-shadow: none;
+ }
+
+ div#cookies-modal button:first-child {
+ margin-left: 6px;
+ }
+
+ div#cookies-modal.cookies-d-none {
+ display: none !important;
+ }
+
+ /*///////////// COOKIES MODAL END /////////////*/
\ No newline at end of file
diff --git a/app/current-page.js b/app/current-page.js
new file mode 100644
index 0000000..3d25f99
--- /dev/null
+++ b/app/current-page.js
@@ -0,0 +1,38 @@
+document.addEventListener("DOMContentLoaded", function () {
+ let currentPage = window.location.pathname;
+ /* console.log(currentPage); */
+ let navLinks = document.querySelectorAll('.hello-nav a');
+ navLinks.forEach(link => {
+ /* console.log(link.getAttribute('href')); */
+ if (link.getAttribute('href') === currentPage) {
+ link.classList.add('current-page');
+ }
+ })
+});
+
+// planeo remplazar con sticky
+/* // hello-nav position when scrolling down
+document.addEventListener('DOMContentLoaded', function () {
+ let nav = document.querySelector("#navbar");
+ let navHamb = document.querySelector('.nav-hamburger');
+ let navcloser = document.querySelector('.nav-close');
+ let navLinks = document.querySelector('.nav-links');
+
+ window.addEventListener('scroll', function () {
+ let scroll = window.scrollY;
+
+ if (scroll >= 60) {
+ nav.style.top = '-30px';
+ navHamb.style.top = '15px';
+ navcloser.style.top = '15px';
+ navLinks.style.paddingTop = '90px';
+ } else {
+ nav.style.top = '12px';
+ navHamb.style.top = '60px';
+ navcloser.style.top = '60px';
+ navLinks.style.paddingTop = '135px';
+ }
+ });
+});
+ */
+console.log('current-page.js loaded!!')
\ No newline at end of file
diff --git a/app/docs-mobile-nav-v2-local.js b/app/docs-mobile-nav-v2-local.js
new file mode 100644
index 0000000..8569f30
--- /dev/null
+++ b/app/docs-mobile-nav-v2-local.js
@@ -0,0 +1,54 @@
+console.log("Soy el docs-mobile-nav-v2-local.js");
+
+/* Mobile nav */
+
+const opener = document.querySelector('.hamburger')
+const closer = document.querySelector('.close')
+const nav = document.getElementById('navbar')
+let navItems = navbar.querySelectorAll("li");
+
+
+opener.addEventListener('click', () => {
+ nav.classList.add('open-nav')
+ closer.classList.add('open-nav')
+ opener.classList.add('close-nav')
+})
+closer.addEventListener('click', () => {
+ nav.classList.remove('open-nav')
+ closer.classList.remove('open-nav')
+ opener.classList.remove('close-nav')
+})
+
+if (window.innerWidth <= 768) {
+ navItems.forEach(item => {
+ item.addEventListener('click', () => {
+ nav.classList.remove('open-nav');
+ closer.classList.remove('open-nav');
+ opener.classList.remove('close-nav');
+ });
+ });
+}
+
+/* hamburge menu scroll obdserver */
+document.addEventListener("DOMContentLoaded", function() {
+ let hamburger = document.querySelector(".hamburger");
+ let close = document.querySelector(".close");
+
+ window.addEventListener("scroll", function() {
+ let scroll = window.scrollY || document.documentElement.scrollTop;
+
+ if (window.innerWidth < 426) {
+ if (scroll >= 40) {
+ console.log("scroll");
+ hamburger.style.top = "12px";
+ close.style.top = "12px";
+ } else {
+ hamburger.style.top = "47px";
+ close.style.top = "47px";
+ }
+ }
+ });
+});
+
+
+
diff --git a/app/docs-nav-v3.js b/app/docs-nav-v3.js
new file mode 100644
index 0000000..5fb322a
--- /dev/null
+++ b/app/docs-nav-v3.js
@@ -0,0 +1,110 @@
+console.log("Soy el docs-nav-v3.js");
+
+/* mobil nav */
+
+const navOpener = document.querySelector('.nav-hamburger')
+const navCloser = document.querySelector('.nav-close')
+const navLinks = document.querySelector('.nav-links')
+
+navOpener.addEventListener('click', () => {
+ navLinks.classList.add('open-nav')
+ navCloser.classList.add('open-nav')
+ navOpener.classList.add('close-nav')
+})
+navCloser.addEventListener('click', () => {
+ navLinks.classList.remove('open-nav')
+ navCloser.classList.remove('open-nav')
+ navOpener.classList.remove('close-nav')
+})
+
+/* position fixed on nav */
+
+document.addEventListener("DOMContentLoaded", function () {
+ let nav = document.querySelector(".nav-links");
+ let hamburger = document.querySelector(".nav-hamburger");
+
+ window.addEventListener("scroll", function () {
+ let scroll = window.scrollY;
+
+ if (window.innerWidth > 768) { // Verifica el ancho de la ventana
+ if (scroll >= 60) {
+ nav.classList.add("position-fixed");
+ } else {
+ nav.classList.remove("position-fixed");
+ }
+ }
+
+ if (scroll >= 60) {
+ hamburger.style.top = '18px';
+ } else {
+ hamburger.style.top = '168px';
+ }
+ });
+});
+
+
+
+
+/* end position fixed on nav */
+
+/* Mobile nav Scroll observer for nav-title active */
+const menuItems = document.querySelectorAll('#navbar ul li a');
+const observer = new IntersectionObserver((entries) => {
+ entries.forEach((entry) => {
+ const targetId = entry.target.getAttribute('id');
+ if (entry.isIntersecting) {
+ menuItems.forEach((menuItem) => {
+ menuItem.classList.remove('active');
+ if (menuItem.getAttribute('href') === `#${targetId}`) {
+ menuItem.classList.add('active');
+ }
+ });
+ }
+ });
+}, {
+ threshold: 0.1
+});
+
+const sections = document.querySelectorAll('section:not(:first-of-type)');
+sections.forEach((section) => {
+ observer.observe(section);
+});
+/* END mobile nav scroll observer for nat-title active */
+
+
+
+
+
+
+
+/* if (window.innerWidth <= 768) {
+ navItems.forEach(item => {
+ item.addEventListener('click', () => {
+ nav.classList.remove('open-nav');
+ closer.classList.remove('open-nav');
+ opener.classList.remove('close-nav');
+ });
+ });
+} */
+
+/* hamburger menu scroll obdserver */
+/* document.addEventListener("DOMContentLoaded", function() {
+ let navHamburger = document.querySelector(".nav-hamburger");
+ let close = document.querySelector(".nav-close");
+
+ window.addEventListener("scroll", function() {
+ let scroll = window.scrollY || document.documentElement.scrollTop;
+
+ if (window.innerWidth < 426) {
+ if (scroll >= 40) {
+ console.log("scroll");
+ hamburger.style.top = "12px";
+ close.style.top = "12px";
+ } else {
+ hamburger.style.top = "47px";
+ close.style.top = "47px";
+ }
+ }
+ });
+});
+ */
\ No newline at end of file
diff --git a/app/docs-styles.css b/app/docs-styles.css
new file mode 100644
index 0000000..0bf1cc2
--- /dev/null
+++ b/app/docs-styles.css
@@ -0,0 +1,182 @@
+p strong,
+li strong {
+ font-family: 'FreightTextProSemibold', serif;
+}
+
+a::before {
+ content: '';
+ position: absolute;
+ width: 100%;
+ height: 2px;
+ border-radius: 2px;
+ background-color: #7537f8;
+ bottom: -2px;
+ left: 0;
+ transform-origin: right;
+ transform: scaleX(0);
+ transition: transform .3s ease-in-out;
+}
+nav.sub-sites {
+ position: fixed;
+ /* display: flex; */
+ display: none;
+ flex-direction: column;
+ gap: 20px;
+ padding: 20px;
+ width: 240px;
+ height: 100vh;
+ top: 12px;
+ right: 0px;
+ transition: right .3s ease-in-out;
+ z-index: 350;
+}
+
+
+
+.hamburger {
+ z-index: 400;
+ position: fixed;
+ padding: 0;
+ right: 12px;
+ top: 32px;
+ background-color: #ffffff;
+ border-color: transparent;
+ border-radius: 18px;
+ width: 50px;
+ height: 50px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.close {
+ z-index: 380;
+ position: fixed;
+ padding: 0;
+ right: 12px;
+ top: 32px;
+ background-color: #ffffff;
+ border-color: transparent;
+ border-radius: 18px;
+ width: 50px;
+ height: 50px;
+ align-items: center;
+ justify-content: center;
+ display: flex;
+}
+
+.open-nav {
+ display: flex;
+}
+
+.close-nav {
+ display: none;
+}
+
+nav h2 {
+z-index: 11;
+}
+
+nav ul {
+ list-style: none;
+}
+
+nav ul ul {
+ margin-left: 20px;
+}
+
+ul.spaced-list li {
+ margin-bottom: 1rem;
+}
+
+ul.arrow-bullet {
+ list-style-image: url(../../imgs/arrow-right.svg);
+}
+
+main section.cover {
+ display: flex;
+ flex-direction: column;
+ gap: 40px;
+}
+
+nav ul li a {
+ font-family: BiotifMedium;
+ text-transform: none !important;
+ letter-spacing: 0.2px !important;
+}
+
+/* active navbar item */
+#navbar a.active {
+ color: black;
+ border-bottom: 2px solid #7537f8;
+}
+
+
+/* media queries */
+
+@media (max-width: 426px) {
+ .plfn-logo, .main-logo {
+ align-self: flex-start;
+ width: 77%;
+ }
+ .hamburger, .close {
+ top: 47px;
+ }
+}
+@media (max-widh: 768px){
+ body nav {
+ padding-bottom: 100vh;
+ }
+}
+@media (min-width: 768px) {
+ nav.sub-sites {
+ position: sticky;
+ display: flex;
+ flex-direction: column;
+ gap: 0;
+ padding: 20px;
+ width: 250px;
+ height: 100vh;
+ top: 0px;
+ right: unset;
+ }
+
+ button.hamburger, button.close {
+ display: none;
+ }
+
+ main section.cover {
+ display: grid;
+ align-items: end;
+ grid-template-columns: auto 220px;
+ grid-template-rows: auto;
+ gap: 0px;
+ }
+ section.cover img:first-of-type {
+ grid-column: 2 / 3;
+ grid-row: 1 / 2;
+ }
+ section.cover img+img {
+ grid-column: 2 / 3;
+ grid-row: 2 / 3;
+ align-self: end;
+ }
+ section.cover h1 {
+ grid-column: 1 / 2;
+ grid-row: 1 / 2;
+ }
+ section.cover h2{
+ grid-column: 1 / 2;
+ grid-row: 2 / 3;
+ line-height: 30px;
+ margin-top: 20px;
+ }
+}
+
+img.plfn-logo {
+ left: 20px;
+}
+
+nav h2 {
+ margin-top: 19px;
+}
\ No newline at end of file
diff --git a/app/fonts/.DS_Store b/app/fonts/.DS_Store
new file mode 100644
index 0000000..57f2648
Binary files /dev/null and b/app/fonts/.DS_Store differ
diff --git a/app/fonts/Biotif.css b/app/fonts/Biotif.css
new file mode 100644
index 0000000..2989178
--- /dev/null
+++ b/app/fonts/Biotif.css
@@ -0,0 +1,34 @@
+/**
+ * @license
+ * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
+ *
+ * The fonts listed in this notice are subject to the End User License
+ * Agreement(s) entered into by the website owner. All other parties are
+ * explicitly restricted from using the Licensed Webfonts(s).
+ *
+ * You may obtain a valid license at the URLs below.
+ *
+ * Webfont: HelveticaLTWXX-Roman by Linotype
+ * URL: https://www.myfonts.com/fonts/linotype/helvetica/pro-regular/
+ * Copyright: Copyright ยฉ 2014 Monotype Imaging Inc. All rights reserved.
+ *
+ *
+ *
+ * ยฉ 2020 MyFonts Incn*/
+
+
+
+
+@font-face {
+ font-family: "BiotifMedium";
+ src: url('webFonts/BiotifMedium/font.woff2') format('woff2'), url('webFonts/BiotifMedium/font.woff') format('woff');
+}
+@font-face {
+ font-family: "BiotifExtraBold";
+ src: url('webFonts/BiotifExtraBold/font.woff2') format('woff2'), url('webFonts/BiotifExtraBold/font.woff') format('woff');
+}
+@font-face {
+ font-family: "BiotifBold";
+ src: url('webFonts/BiotifBold/font.woff2') format('woff2'), url('webFonts/BiotifBold/font.woff') format('woff');
+}
+
diff --git a/app/fonts/webFonts/BiotifBold/font.woff b/app/fonts/webFonts/BiotifBold/font.woff
new file mode 100644
index 0000000..b0b9301
Binary files /dev/null and b/app/fonts/webFonts/BiotifBold/font.woff differ
diff --git a/app/fonts/webFonts/BiotifBold/font.woff2 b/app/fonts/webFonts/BiotifBold/font.woff2
new file mode 100644
index 0000000..ec7062f
Binary files /dev/null and b/app/fonts/webFonts/BiotifBold/font.woff2 differ
diff --git a/app/fonts/webFonts/BiotifExtraBold/font.woff b/app/fonts/webFonts/BiotifExtraBold/font.woff
new file mode 100644
index 0000000..a9061aa
Binary files /dev/null and b/app/fonts/webFonts/BiotifExtraBold/font.woff differ
diff --git a/app/fonts/webFonts/BiotifExtraBold/font.woff2 b/app/fonts/webFonts/BiotifExtraBold/font.woff2
new file mode 100644
index 0000000..7513497
Binary files /dev/null and b/app/fonts/webFonts/BiotifExtraBold/font.woff2 differ
diff --git a/app/fonts/webFonts/BiotifMedium/font.woff b/app/fonts/webFonts/BiotifMedium/font.woff
new file mode 100644
index 0000000..2067a9b
Binary files /dev/null and b/app/fonts/webFonts/BiotifMedium/font.woff differ
diff --git a/app/fonts/webFonts/BiotifMedium/font.woff2 b/app/fonts/webFonts/BiotifMedium/font.woff2
new file mode 100644
index 0000000..4457cd8
Binary files /dev/null and b/app/fonts/webFonts/BiotifMedium/font.woff2 differ
diff --git a/app/styles.css b/app/styles.css
new file mode 100644
index 0000000..e4b9110
--- /dev/null
+++ b/app/styles.css
@@ -0,0 +1,916 @@
+html,
+body {
+ background: #ecf0f3;
+}
+
+header {
+ display: flex;
+ flex-direction: column;
+ position: relative;
+ grid-column: 1/2;
+ grid-row: 1/2;
+}
+
+img#tpg-wordmark {
+ top: 23px;
+ position: absolute;
+}
+
+main {
+ grid-column: 1/2;
+ grid-row: 2/3;
+ position: block;
+ /* position: absolute;
+ left: 280px;
+ */
+}
+
+section.sub-brands-container {
+ max-width: 800px;
+}
+
+header img {
+ width: 150px;
+ height: auto;
+}
+
+header nav {
+ display: flex;
+ flex-direction: column;
+ gap: 5px;
+ margin-top: 30px;
+ margin-bottom: 40px;
+ align-items: center;
+}
+
+header nav a.external-url {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+}
+
+header header img.external-url-icon {
+ height: 16px;
+ margin-right: 6px;
+ margin-top: -3px;
+ width: 10px;
+}
+
+* {
+ font-family: BiotifMedium;
+}
+
+.BiotifMedium {
+ font-family: BiotifMedium;
+}
+
+.BiotifBold {
+ font-family: BiotifBold;
+}
+
+.BiotifExtraBold {
+ font-family: BiotifExtraBold;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+ color: #12123a;
+}
+
+p,
+p a,
+li,
+p strong,
+p span,
+li strong {
+ font-family: 'freight-text-pro', serif;
+}
+
+h2.title-2 {
+ margin-top: 0;
+ padding-top: 0;
+}
+
+.heading-4 {
+ font-size: 25.5px;
+ line-height: 34px;
+ padding-bottom: 10px;
+}
+
+img#tpg-wordmark {
+ top: 23px;
+ position: absolute;
+}
+
+img.web-icon {
+ height: 25px;
+ margin-right: 8px;
+ margin-top: -2px;
+}
+
+.home-container {
+ display: grid;
+ align-items: start;
+ justify-items: center;
+ grid-template-areas:
+ 'header'
+ 'main';
+}
+
+@media (min-width: 768px) {
+ .home-container {
+ justify-items: unset;
+ grid-template-columns: 280px 1fr;
+ grid-template-rows: auto;
+ grid-template-areas:
+ 'header main'
+ }
+}
+
+header.home {
+ grid-area: header;
+}
+
+main.home {
+ grid-area: main;
+}
+
+
+
+
+header {
+ display: flex;
+}
+
+header img {
+ width: 150px;
+ height: auto;
+}
+
+header nav {
+ display: flex;
+ flex-direction: column;
+ gap: 5px;
+ margin-top: 30px;
+ margin-bottom: 40px;
+ align-items: center;
+}
+
+iframe {
+ width: auto;
+}
+
+hr {
+ margin: 45px auto;
+}
+
+header.home {
+ position: relative;
+ top: 0;
+ display: flex;
+ padding: 20px;
+}
+
+@media (min-width: 768px) {
+ header.home {
+ position: sticky;
+ }
+}
+
+main.home {
+ padding-left: 1px;
+}
+
+main.sub-sitio {
+ margin-top: 1px;
+ margin-left: 3px;
+
+}
+
+section#home-cover {
+ max-width: 990px;
+ padding-top: 1.6rem;
+ padding-bottom: 4rem;
+ border-bottom: 2px solid #0709240d;
+ padding-top: 40px;
+}
+
+section#home-cover p {
+ max-width: 490px;
+}
+
+section.sub-brand {
+ margin-bottom: 2rem;
+}
+
+a {
+ position: relative;
+ width: max-content;
+ color: #4f4f58;
+}
+
+a.web-url {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+}
+
+a.web-url:before {
+ bottom: -4px;
+}
+
+a img {
+ display: inherit;
+}
+
+a:not(:has(img))::before {
+ content: '';
+ position: absolute;
+ width: 100%;
+ height: 2px;
+ border-radius: 2px;
+ background-color: #7537f8;
+ bottom: 0px;
+ left: 0;
+ transform-origin: right;
+ transform: scaleX(0);
+ transition: transform .3s ease-in-out;
+}
+
+a:hover::before {
+ transform-origin: left;
+ transform: scaleX(1);
+}
+
+.current-page {
+ opacity: 0.4;
+}
+
+a.current-page:hover::before {
+ content: none;
+}
+
+a:not(.current-page):hover {
+ color: #000000;
+}
+
+a img.external-url-icon,
+a img.web-icon {
+ opacity: 0.6;
+}
+
+a:hover img.external-url-icon,
+a:hover img.web-icon {
+ opacity: 1;
+}
+
+/* h1 with images -seo- ///////////////////////*/
+.polyfen a {
+ width: 153px;
+ height: 50px;
+}
+
+.polyatlas a {
+ width: 175px;
+ height: 50px;
+}
+
+.polycookies a {
+ width: 206px;
+ height: 50px;
+}
+
+.polyforum a {
+ width: 194px;
+ height: 50px;
+}
+
+.polyqwerty a {
+ width: 223px;
+ height: 50px;
+}
+
+.polykit a {
+ width: 207px;
+ height: 50px;
+}
+
+.polypress a {
+ width: 223px;
+ height: 50px;
+}
+
+.--sub-brand a span {
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: 9;
+ background-size: contain !important;
+}
+
+.polyfen a span {
+ background: #ecf0f3 url(../imgs/sub-brands/polyfen-logo.svg) no-repeat left top;
+}
+
+.polyatlas a span {
+ background: #ecf0f3 url(../imgs/sub-brands/poly-atlas-logo.svg) no-repeat left top;
+}
+
+.polycookies a span {
+ background: #ecf0f3 url(../imgs/sub-brands/poly-cookies-logo.svg) no-repeat left top;
+}
+
+.polyforum a span {
+ background: #ecf0f3 url(../imgs/sub-brands/poly-forum-logo.svg) no-repeat left top;
+}
+
+.polyqwerty a span {
+ background: #ecf0f3 url(../imgs/sub-brands/poly-qwerty-logo.svg) no-repeat left top;
+}
+
+.polykit a span {
+ background: #ecf0f3 url(../imgs/sub-brands/polykit-logo.svg) no-repeat left top;
+}
+
+.polypress a span {
+ background: #ecf0f3 url(../imgs/sub-brands/polypress-logo.svg) no-repeat left top;
+}
+
+/* end h1 with images -seo- ///////////////////////*/
+
+
+/* grid for sub-brands */
+.sub-brand {
+ display: grid;
+ grid-template-areas:
+ 'logos'
+ 'screens'
+ 'texts'
+ 'links';
+ gap: 2rem 3rem;
+}
+
+.sub-brand p {
+ margin-bottom: unset;
+ padding-top: unset;
+}
+
+@media (min-width: 768px) {
+ .sub-brands-container {
+ padding-inline: 20px;
+ }
+
+ .sub-brand {
+ grid-template-areas:
+ 'screens logos'
+ 'screens texts'
+ 'screens links';
+ justify-content: start;
+ }
+
+ .sub-brand .screen {
+ margin-top: unset;
+ aspect-ratio: 4/3;
+ width: 100%;
+ width: 299px;
+ }
+}
+
+.--sub-brand {
+ grid-area: logos;
+}
+
+.sub-brand p {
+ grid-area: texts;
+ color: #4f4f58;
+}
+
+.sub-brand .links {
+ grid-area: links;
+}
+
+.sub-brand .screen {
+ grid-area: screens;
+}
+
+a.screen {
+ width: unset;
+}
+
+/* hide sub-brands from home page*/
+main #polyforum,
+main #polypress {
+ display: none;
+}
+
+main .sub-brands-container hr:nth-last-child(-n+3) {
+ display: none;
+}
+
+/*end hide sub-brands*/
+/* end grid for sub-brands */
+
+/* hello social media */
+.hello-social {
+ position: relative;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ gap: 1rem;
+ padding-inline: 0;
+ padding-block: 7px;
+ background-color: #1d272c;
+ ;
+ border-bottom: 8px solid #7637f9;
+
+}
+
+.hello-social a::before,
+.hello-nav a::before {
+ content: none;
+}
+
+.icon-social svg,
+.icon-social {
+ width: 20px;
+ height: 20px;
+ fill: #ffffffad;
+ display: block;
+}
+
+.icon-social svg:hover {
+ fill: #ffffff;
+}
+
+/* end hello social media */
+
+
+/* start hello nav */
+
+/* .hello-nav {
+ position: absolute;
+ top: 55px;
+ right: 15px;
+ padding-block: 1rem;
+ background-color: #1d272c;
+ border-radius: 10px;
+ z-index: 100;
+ padding: 10px;
+}
+
+.hello-nav a {
+ color: #ffffffc8;
+}
+
+.hello-nav a:hover {
+ color: #ffffff;
+}
+
+.hello-nav a.current-page:hover {
+ color: #ffffffc8;
+}
+
+.nav-links {
+ position: fixed;
+ display: flex;
+ flex-direction: column;
+ justify-content:flex-start;
+ height: fit-content;
+ gap: 1rem;
+ background-color: #1d272c;;
+}
+
+.nav-hamburger {
+ z-index: 400;
+ position: fixed;
+ padding: 0;
+ right: 12px;
+ top: 60px;
+ background-color: #ffffff;
+ border-color: transparent;
+ border-radius: 18px;
+ width: 50px;
+ height: 50px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.nav-close {
+ z-index: 380;
+ position: fixed;
+ padding: 0;
+ right: 12px;
+ top: 60px;
+ background-color: #ffffff;
+ border-color: transparent;
+ border-radius: 18px;
+ width: 50px;
+ height: 50px;
+ align-items: center;
+ justify-content: center;
+ display: none;
+}
+.nav-links {
+ display: none;
+}
+.nav-buttons {
+ display: flex;
+}
+
+.open-nav {
+ display: flex;
+}
+
+.close-nav {
+ display: none;
+}
+
+@media screen and (min-width: 700px) {
+ .nav-buttons {
+ display: none;
+ }
+ .nav-close {
+ display: none;
+ }
+ .nav-links {
+ display: flex;
+ }
+ .nav-links {
+ height: fit-content;
+ padding-top: unset;
+ display: flex;
+ flex-direction: row;
+ justify-content:flex-start;
+ gap: 1rem;
+ background-color: #1d272c;;
+ }
+} */
+
+/* end old hello-nav */
+
+/*************************** sub-styles *************************************/
+.sub-sites-container {
+ display: grid;
+ align-items: start;
+ justify-items: center;
+ grid-template-areas:
+ 'header'
+ 'main';
+}
+
+@media (min-width: 768px) {
+ .sub-sites-container {
+ justify-items: unset;
+ grid-template-columns: 400px 1fr;
+ grid-template-rows: auto;
+ grid-template-areas:
+ 'header main'
+ }
+}
+
+nav.sub-sites {
+ grid-area: header;
+}
+
+main.sub-sites {
+ grid-area: main;
+ width: 760px;
+ padding-top: 60px;
+ margin-inline: unset;
+}
+
+
+
+#navbar li {
+ line-height: 1;
+}
+
+/* espacio al final de las tablas de contenido */
+ul.toc {
+ padding-bottom: 80px;
+ overflow-y: auto;
+}
+
+/*///////////Media queries///////////*/
+
+/* table x */
+th,
+td,
+th p,
+td p {
+ font-size: 1rem;
+ font-family: Anonymous, monospace;
+}
+
+th {
+ font-weight: 900;
+}
+
+table.buyer-persona th {
+ text-align: left;
+}
+
+table.buyer-persona td,
+table.buyer-persona th {
+ padding: 8px;
+ border-top: 1px solid #1d272c1a;
+}
+
+table.buyer-persona tr:hover {
+ background-color: #1d272c1a;
+}
+
+table.buyer-persona tr:hover td,
+table.buyer-persona tr:hover th,
+table.buyer-persona tr:hover td p {
+ color: black;
+}
+
+/* end table x */
+
+
+div.preview {
+ padding: 24px;
+ background: #1d272c0b;
+ text-align: center;
+}
+
+div.color-swatch {
+ width: 140px;
+ height: 140px;
+ border-radius: 6px;
+ text-transform: uppercase;
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+div.color-swatch-wrapper {
+ font-family: Anonymous, monospace;
+ display: flex;
+ flex-direction: row;
+ gap: 12px;
+}
+
+div.swatch-container {
+ display: flex;
+ flex-direction: row;
+ gap: 24px;
+ flex-wrap: wrap;
+}
+
+a.link-logo:hover::before {
+ content: none;
+}
+
+
+/* hashtag for help channel */
+.slack-logo {
+ width: 20px;
+ height: auto;
+ margin-right: 2px;
+}
+
+/* li icons for team-wiki */
+li[data-icon="clockify"] {
+ list-style-image: url(../imgs/icons/bullets/clockify.svg);
+}
+
+li[data-icon="slack"] {
+ list-style-image: url(../imgs/icons/bullets/slack.svg);
+}
+
+li[data-icon="drive"] {
+ list-style-image: url(../imgs/icons/bullets/drive.svg);
+}
+
+li[data-icon="figma"] {
+ list-style-image: url(../imgs/icons/bullets/figma.svg);
+}
+
+li[data-icon="github"] {
+ list-style-image: url(../imgs/icons/bullets/github.svg);
+}
+
+li[data-icon="namecheap"] {
+ list-style-image: url(../imgs/icons/bullets/namecheap.svg);
+}
+
+li[data-icon="freshbooks"] {
+ list-style-image: url(../imgs/icons/bullets/freshbooks.svg);
+}
+
+li[data-icon="asana"] {
+ list-style-image: url(../imgs/icons/bullets/asana.svg);
+}
+
+li[data-icon="wise"] {
+ list-style-image: url(../imgs/icons/bullets/wise.svg);
+}
+
+li[data-icon="1password"] {
+ list-style-image: url(../imgs/icons/bullets/1password.svg);
+}
+
+/* Quitando el nav en mobile */
+
+@media (max-width: 768px) {
+
+ body>nav,
+ body>.hamburger,
+ body>.close {
+ display: unset;
+ }
+
+}
+
+
+/*************************** end sub-styles *************************************/
+
+
+/* issue to talk, this is not mobile first polykit*/
+section#cover {
+ padding-top: 1.6rem;
+}
+
+h2.title-2 {
+ margin-top: 1rem;
+ padding-top: 2rem;
+}
+
+
+section.sub-brands-container hr {
+ margin: 6rem 0;
+ max-width: 100%;
+}
+
+img.window-frame {
+ min-width: calc(100% + 2px);
+ margin-bottom: -2px;
+ margin-left: -1px;
+ margin-right: -1px;
+}
+
+.sub-brands-container h2.heading-1 {
+ margin-top: 6rem !important;
+ margin-bottom: -2rem !important;
+}
+
+img.web-screenshot {
+ border-radius: 0 0 4px 4px;
+}
+
+a.screen figure {
+ border-radius: 6px 6px 4px 4px;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ -webkit-transition: .2s ease-in-out;
+ transition: .2s ease-in-out;
+}
+
+a.screen figure:hover {
+ -webkit-transform: scale(1.025);
+ transform: scale(1.025);
+ box-shadow: 0 2px 6px #0908233b;
+}
+
+
+/* traido de polyfen */
+/* The navigation bar ------------------ */
+
+/*agregado*/
+
+.hello-nav button {
+ border: none;
+ /* Elimina el borde por defecto */
+ background: none;
+ /* Elimina el fondo por defecto */
+ padding: 0;
+ /* Elimina el espacio interno por defecto */
+ font: inherit;
+ /* Utiliza la fuente del elemento contenedor */
+ cursor: pointer;
+ /* Muestra el cursor como puntero */
+ outline: none;
+ /* Elimina el contorno por defecto al enfocar */
+}
+
+/* end agregado */
+
+
+.hello-nav div {
+ text-align: right;
+}
+
+.position-fixed a {
+ color: white;
+}
+
+.nav-links.position-fixed,
+.nav-buttons {
+ position: fixed;
+ right: 25px;
+ top: 20px;
+ background: #070924a8;
+ padding: 7px 8px 2px;
+ border-radius: 18px;
+ backdrop-filter: blur(20px);
+ z-index: 90;
+}
+
+.nav-links.position-fixed:hover {
+ border-color: rgba(255, 255, 255, 0.35);
+}
+
+.nav-links a {
+ padding: 14px 16px;
+ text-decoration: none;
+}
+
+
+
+
+/* desktop */
+@media (min-width: 768px) {
+ .nav-buttons {
+ display: none;
+ }
+
+ .nav-links {
+ position: absolute;
+ right: 30px;
+ top: 60px;
+ padding-block: 10px;
+ }
+
+ .nav-close {
+ display: none;
+ }
+
+ .nav-links.position-fixed,
+ .nav-buttons {
+ padding: 15px 8px 10px;
+ border-radius: 200px;
+ }
+}
+
+/* mobile */
+@media (max-width: 768px) {
+ .nav-links {
+ display: none;
+ position: fixed;
+ background-color: rgba(0, 0, 0, 0.723);
+ backdrop-filter: blur(7px);
+ top: 0;
+ right: 0px;
+ padding-top: 100px;
+ padding-bottom: 100vh;
+ width: 100%;
+ z-index: 80;
+ display: none;
+ text-align: left;
+ font-family: 'BiotifBold', helvetica, arial, sans-serif;
+ font-weight: 700;
+ }
+
+ .hamburger svg {
+ fill: white;
+ }
+
+ .nav-hamburger {
+ display: flex;
+ }
+
+ .nav-links a {
+ padding-left: 20px;
+ font-size: 45px;
+ }
+
+ .nav-close {
+ z-index: 667;
+ position: fixed;
+ right: 10px;
+ top: 20px;
+ display: none;
+ }
+
+ .nav-links.open-nav {
+ display: grid !important;
+ }
+
+ .nav-close.open-nav {
+ display: block !important;
+ }
+
+ .nav-links.open-nav+nav.hamburger {
+ display: none;
+ }
+}
+
+/* END of navigation bar ----------------- */
\ No newline at end of file
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
new file mode 100644
index 0000000..9e86b6c
Binary files /dev/null and b/apple-touch-icon.png differ
diff --git a/brand/.DS_Store b/brand/.DS_Store
new file mode 100644
index 0000000..837fca8
Binary files /dev/null and b/brand/.DS_Store differ
diff --git a/brand/.github/workflows/cloudflare-purge.yml b/brand/.github/workflows/cloudflare-purge.yml
new file mode 100644
index 0000000..991c0fd
--- /dev/null
+++ b/brand/.github/workflows/cloudflare-purge.yml
@@ -0,0 +1,20 @@
+name: ๐พ Purge Cache on Cloudflare
+
+on:
+ push:
+ branches:
+ - master
+
+jobs:
+ purge_cache:
+ runs-on: ubuntu-latest
+
+ steps:
+ - name: Checkout repository
+ uses: actions/checkout@v2
+
+ - name: Purge Cache on Cloudflare
+ uses: jakejarvis/cloudflare-purge-action@master
+ env:
+ CLOUDFLARE_ZONE: ${{ secrets.CLOUDFLARE_ZONE }}
+ CLOUDFLARE_TOKEN: ${{ secrets.CLOUDFLARE_TOKEN }}
diff --git a/brand/.github/workflows/main.yml b/brand/.github/workflows/main.yml
new file mode 100644
index 0000000..f92daae
--- /dev/null
+++ b/brand/.github/workflows/main.yml
@@ -0,0 +1,19 @@
+on:
+ push:
+ branches:
+ - main
+name: ๐ Deploy website on push
+jobs:
+ web-deploy:
+ name: ๐ Deploy
+ runs-on: ubuntu-latest
+ steps:
+ - name: ๐ Get latest code
+ uses: actions/checkout@v2
+
+ - name: ๐ Sync files
+ uses: SamKirkland/FTP-Deploy-Action@4.3.3
+ with:
+ server: ftp.borishrncic.com
+ username: ${{ secrets.ftp_username }}
+ password: ${{ secrets.ftp_password }}
\ No newline at end of file
diff --git a/brand/android-chrome-192x192.png b/brand/android-chrome-192x192.png
new file mode 100644
index 0000000..696b6b2
Binary files /dev/null and b/brand/android-chrome-192x192.png differ
diff --git a/brand/android-chrome-512x512.png b/brand/android-chrome-512x512.png
new file mode 100644
index 0000000..b941309
Binary files /dev/null and b/brand/android-chrome-512x512.png differ
diff --git a/brand/app/.DS_Store b/brand/app/.DS_Store
new file mode 100644
index 0000000..3d7797a
Binary files /dev/null and b/brand/app/.DS_Store differ
diff --git a/brand/app/fonts/.DS_Store b/brand/app/fonts/.DS_Store
new file mode 100644
index 0000000..57f2648
Binary files /dev/null and b/brand/app/fonts/.DS_Store differ
diff --git a/brand/app/fonts/Biotif.css b/brand/app/fonts/Biotif.css
new file mode 100644
index 0000000..2989178
--- /dev/null
+++ b/brand/app/fonts/Biotif.css
@@ -0,0 +1,34 @@
+/**
+ * @license
+ * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
+ *
+ * The fonts listed in this notice are subject to the End User License
+ * Agreement(s) entered into by the website owner. All other parties are
+ * explicitly restricted from using the Licensed Webfonts(s).
+ *
+ * You may obtain a valid license at the URLs below.
+ *
+ * Webfont: HelveticaLTWXX-Roman by Linotype
+ * URL: https://www.myfonts.com/fonts/linotype/helvetica/pro-regular/
+ * Copyright: Copyright ยฉ 2014 Monotype Imaging Inc. All rights reserved.
+ *
+ *
+ *
+ * ยฉ 2020 MyFonts Incn*/
+
+
+
+
+@font-face {
+ font-family: "BiotifMedium";
+ src: url('webFonts/BiotifMedium/font.woff2') format('woff2'), url('webFonts/BiotifMedium/font.woff') format('woff');
+}
+@font-face {
+ font-family: "BiotifExtraBold";
+ src: url('webFonts/BiotifExtraBold/font.woff2') format('woff2'), url('webFonts/BiotifExtraBold/font.woff') format('woff');
+}
+@font-face {
+ font-family: "BiotifBold";
+ src: url('webFonts/BiotifBold/font.woff2') format('woff2'), url('webFonts/BiotifBold/font.woff') format('woff');
+}
+
diff --git a/brand/app/fonts/Freight-Text-Pro.css b/brand/app/fonts/Freight-Text-Pro.css
new file mode 100644
index 0000000..f26bb5d
--- /dev/null
+++ b/brand/app/fonts/Freight-Text-Pro.css
@@ -0,0 +1,23 @@
+/**
+ * @license
+ * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
+ *
+ * The fonts listed in this notice are subject to the End User License
+ * Agreement(s) entered into by the website owner. All other parties are
+ * explicitly restricted from using the Licensed Webfonts(s).
+ *
+ * You may obtain a valid license at the URLs below.
+ *
+ * Webfont: Freight Text Pro Semibold by Freight Collection
+ * URL: https://www.myfonts.com/products/semibold-freight-text-pro-424290
+ * Copyright: Copyright ยฉ 2023 Monotype Imaging Inc. All rights reserved.
+ *
+ * ยฉ 2023 MyFonts Inc. */
+
+
+
+@font-face {
+ font-family: "FreightTextProSemibold";
+ src: url('webFonts/FreightTextProSemibold/font.woff2') format('woff2'), url('webFonts/FreightTextProSemibold/font.woff') format('woff');
+}
+
diff --git a/brand/app/fonts/webFonts/.DS_Store b/brand/app/fonts/webFonts/.DS_Store
new file mode 100644
index 0000000..6173b2c
Binary files /dev/null and b/brand/app/fonts/webFonts/.DS_Store differ
diff --git a/brand/app/fonts/webFonts/BiotifBold/font.woff b/brand/app/fonts/webFonts/BiotifBold/font.woff
new file mode 100644
index 0000000..b0b9301
Binary files /dev/null and b/brand/app/fonts/webFonts/BiotifBold/font.woff differ
diff --git a/brand/app/fonts/webFonts/BiotifBold/font.woff2 b/brand/app/fonts/webFonts/BiotifBold/font.woff2
new file mode 100644
index 0000000..ec7062f
Binary files /dev/null and b/brand/app/fonts/webFonts/BiotifBold/font.woff2 differ
diff --git a/brand/app/fonts/webFonts/BiotifExtraBold/font.woff b/brand/app/fonts/webFonts/BiotifExtraBold/font.woff
new file mode 100644
index 0000000..a9061aa
Binary files /dev/null and b/brand/app/fonts/webFonts/BiotifExtraBold/font.woff differ
diff --git a/brand/app/fonts/webFonts/BiotifExtraBold/font.woff2 b/brand/app/fonts/webFonts/BiotifExtraBold/font.woff2
new file mode 100644
index 0000000..7513497
Binary files /dev/null and b/brand/app/fonts/webFonts/BiotifExtraBold/font.woff2 differ
diff --git a/brand/app/fonts/webFonts/BiotifMedium/font.woff b/brand/app/fonts/webFonts/BiotifMedium/font.woff
new file mode 100644
index 0000000..2067a9b
Binary files /dev/null and b/brand/app/fonts/webFonts/BiotifMedium/font.woff differ
diff --git a/brand/app/fonts/webFonts/BiotifMedium/font.woff2 b/brand/app/fonts/webFonts/BiotifMedium/font.woff2
new file mode 100644
index 0000000..4457cd8
Binary files /dev/null and b/brand/app/fonts/webFonts/BiotifMedium/font.woff2 differ
diff --git a/brand/app/fonts/webFonts/FreightTextProSemibold/font.woff b/brand/app/fonts/webFonts/FreightTextProSemibold/font.woff
new file mode 100644
index 0000000..52a71cc
Binary files /dev/null and b/brand/app/fonts/webFonts/FreightTextProSemibold/font.woff differ
diff --git a/brand/app/fonts/webFonts/FreightTextProSemibold/font.woff2 b/brand/app/fonts/webFonts/FreightTextProSemibold/font.woff2
new file mode 100644
index 0000000..039a74b
Binary files /dev/null and b/brand/app/fonts/webFonts/FreightTextProSemibold/font.woff2 differ
diff --git a/brand/apple-touch-icon.png b/brand/apple-touch-icon.png
new file mode 100644
index 0000000..9e86b6c
Binary files /dev/null and b/brand/apple-touch-icon.png differ
diff --git a/brand/browserconfig.xml b/brand/browserconfig.xml
new file mode 100644
index 0000000..7783ca3
--- /dev/null
+++ b/brand/browserconfig.xml
@@ -0,0 +1,9 @@
+
+ Similar to the Keywords, but more expressive and distinctive, the Creative Concept is a word or phrase that represents the desired emotional response from the target public when interacting with the Brand. Unlike a Slogan, a Creative Concept is not necessarily developed for public use, although it can be used publicly. Its primary purpose is to be used internally as a mantra to guide the creative process when sketching a Logo, copywriting a slogan, designing an ad, or when developing any other type of Brand Communication. This ensures that all elements of the Brand will convey a consistent message. The Moodboard contains a collection of images the can be associated with the industry and the lifestyle of the target audience. It helps identify different colours and shapes with the aim of narrowing down a certain direction for the look-and-feel of the brand. "Polyfen" is an abstraction of the term โPolyphenic traitโ. A polyphenic trait is a genetic property that allows multiple observable variations on organisms of a single species. The different morphology and color patterns on the shells of mollusks, for instance, are a polyphenic trait. Legal Name: Brand Name: Fallback Name: Diminutive Name: 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. Our Motto distills the spirit of our Purpose and Core Values into a few concrete words. The Polyfen Group LLC is a fully-remote, US based company parent to multiple brands in the creative and software engineering industries. The most significant brand we operate is Polyfen. A fully-remote creative & software boutique offering design, marketing, and engineering services for US businesses. Further information about the business can be found in our Business plan. Forbes, Bloomberg, Business Insider, Inc., Ted Talks, Ideo, Deloitte, Accenture, The Wall Street Journal, The Economist, Harvard Business Review, Entrepreneur. Frank has an Ivy League education on business, and he counts with 15+ years of experience in business. He was leading a business development team at Accenture, working on projects for Nike until, during the uncertain time of the Covid pandemic, he decided to make use of his gathered professional experience to start a venture of his own. He bootstraped his initial efforts investing money from his own pocket into his business project. He came up with a name for his company himself, he registered the webdomain of the company himself, he posted a job on Upwork to get a quick logo done by a cheap designer, and he created his business' website himself on Wix. He reached out to a few close, like-minded, experienced colleagues with whom he has worked previously on other business and offered them to be a part of the team he's leading. After a couple of months of launching his business, he closed a long-term contract for continuous consulting services for a large corporation. This allowed him to expand his team hiring an executive assistant and formalize other aspects of his business like bookkeeping so he doesn't have to take care of everything completely by himself. Now that the business has some dough and a couple of regular clients he wants to scale his operation to take in new, bigger clients to really make a difference in the income the consulting firm generates. However, as a savvy business person, he realizes that the quick logo that he got done for cheap and the Wix website he created himself do not express the level of professionalism he's hoping to communicate to potential clients. He is the Founder & CEO of an emerging company in the Business Consulting sector but their Brand Identity doesnโt reflect the high quality of their services. (End-to-End Project contract) Finding a reliable team of experts who can translate his vision for the business into a compelling brand identity and a website with user experience that delivers a good, professional, trustworthy impression to prospects and interests them in becoming paying clients. Having an increase in the number of meetings scheduled with leads every month. # Catherine has a background in marketing with a strong focus on closing new clients and upselling existing ones through social media, PR, and email marketing campaigns. In previous jobs, she helped startups get out the door and make the most use of their funding to establish themselves in the market and fulfill their expected ROI. Three years ago, the head of HR of a young fintech startup reached out to her, offering the role of CMO. Since then, she succesfully put new marketing strategies into action that showed significantly positive ROI results with an exponential increase in registrations of new users. However, most of the in-house staff at the company are heavily oriented in developing new features for the product, and she realizes that the visual identity of the brand has suffered from neglect at the hand of a creative team that is strong in UX, but not in branding and visual design. The logo of the app is OK, but it's not great. The UI has inconsistencies in the use of color and typography, and the set of illustrations they use looks too generic. With the number of sign-ups and retention recently stalling, she proposed to the C-level to refresh their brand with a more eye-pleasing visual identity to make the app more attractive over its competitors and show a more promising value for its price. However, her team is not particularly strong in branding; plus, they could use a fresh set of eyes. # (Executive Consulting contract) Increase in the number of monthly sign-ups and lower churn rate. # Dave is a self-made man. He didn't went to a top college, but he still committed himself fully to his professional career burning the midnight oil to get new clients for a marketing agency where he had a junior sales rep role. He climbed up the corporate ladder being head-hunted for better and better positions. He developed wonderful relationships with loyal clients and made himself a name in the industry. One year ago, the founder and CEO of new marketing agency he used to work with as a client offered him a steady position at the company being his right-hand man in keeping the revenue growing. The inhouse team already has a heavy workload and the C-level wants to keep growing the revenue with new clients but they don't want to hire a bunch of new employees and have to deal with the management and budgeting risks that come with scaling the business. (Staff Augmentation contract) Customers commenting to accounts executives that they are very satisfied with their results and want to continue working with the Marketing Agency. The Symbol expresses Polyfen's brand in its most essential, visual form. It represents the coming together of the (A) logical and (B) creative. The Logotype is made up of two parts: (1) the Symbol and (2) the Brand Name. It must be the first choice when choosing a logo variation, provided that the canvas is rectangular and the logo can be placed at an adequate size. Indigo is the primary accent hue and must be used sparingly. It's reserved exclusively for the logo, buttons, links, and other important information. All icons in Polyfen's touchpoints & communications should correspond to the Iconography set we've selected for our Brand, Phospor. Phospor's line-icons are meant only for use at large sizes accross Polyfen's Brand, while for smaller sizes the fill-icons are preferred to ensure accessible legibility. Our Brand's illustrations uses the Retro Dudes set by Vectorly Space
+. The Pearls are part of our visual dictoniary which we use to give plain backgrounds a bit more depth.3. Brand Strategy
+3.1. Keywords
+
+
+3.2. Creative Concept
+Where business & creativity come together
+3.3. Moodboard
+
+3.4. Naming
+Etymology
+Name Architecture
+
+The Polyfen Group LLC
+Preferred name for use on all official business documentation.
+Polyfen
+Preferred name alternative.
+we are Polyfen
+Fallback alternative for brand touchpoints where the primary brand name is not available.
+TPG / Poly
+This is how the team sometimes refers to the brand name internally.3.5. Brand Architecture
+
+3.6. Voice
+3.7. Motto
+Create. Collaborate. Shine.
+1. Download Assets
+
+
+2. Market Research
+2.1. Business Overview
+We explore new ways of using tech in creative projects
+ 2.2. Industry Analysis
+2.3. Target Analysis
+
+
+
+
+ Buyer Persona No.1
+
End-to-End Project
+
+ Pseudonym
+ Founder Frank
+
+
+ Occupation
+ Founder & CEO at Business Management Consultancy
+
+
+ Location
+ San Francisco, California
+
+
+ Company Size
+ 8 employees
+
+
+ Brands they follow
+
+
+
+ Bio
+
+
+
+ Problem
+
+
+
+ Solution
+
+
+
+How will they measure success?
+
+
+
+
+
+
+ Buyer Persona No.2
+
Executive Consulting
+
+ Pseudonym
+ Corporate Catherine
+
+
+ Occupation
+ CMO at Fintech App
+
+
+ Location
+ Houston, Texas
+
+
+ Company Size
+ 65 employees
+
+
+ Brands they follow
+
+
+
+ Bio
+
+
+
+ Problem
+
+
+
+ Solution
+
+
+
+How will they measure success?
+
+
+
+
+
+
+ Buyer Persona No.3
+
Staff Augmentation
+
+ Pseudonym
+ Director Dave
+
+
+ Occupation
+ Managing Director at Marketing Agency
+
+
+ Location
+ Miami, Florida
+
+
+ Company Size
+ 24 employees
+
+
+ Brands they follow
+
+
+
+ Bio
+
+
+
+ Problem
+
+
+
+ Solution
+
+
+
+How will they measure success?
+
+ 4. Visual identity
+4.1. Logo system
+Symbol
+Logotype
+Family
+4.2. Color scheme
+Accent color
+
+ #722FFF
+ hsl(259, 100%, 59%)
+ Sub-brands
+
+ #00C2A1
+ hsl(170, 100%, 38%)
+
dough
+ #BEA18F
+ hsl(23, 27%, 65%)
+
scotch
+ #FDA900
+ hsl(40, 100%, 50%)
+
+ #0E8DFF
+ hsl(208, 100%, 53%)
+
+ #0FB800
+ hsl(115, 100%, 36%)
+
+ #F64C4C
+ hsl(0, 90%, 63%)
+ 4.3. Visual Language
+Icons
+
+Illustrations
+
+Pearls
+
+
Our Family of Brands answers to the "What?" in Simon Sinek's equation. An array of products, services, and other ventures all leveraging the marketing synergy and resources of The Polyfen Group as a parent brand.
+What sets our business model a part is the possibility to explore and pivot into new technologies and niches as the market demands, as well as fostering an innovative and passion-driven culture within our company.
++A good start-up should have the potential for great scale built into its first design.
+ Peter Thiel โ Zero to One
Our cost-efficient, fully-remote business model offers services from top-tier professionals around the world at a small fraction of the price from our competitors in the US.
+Founder & Art Director Boris Hrnฤiฤ brings to the table 10+ years of experience in design, development, and marketing. Vetted in the top 3% of designers worldwide by Toptal in 2017. Led high-performing teams for small start-ups and big enterprises in Croatia, Argentina, and the US.
+We rely on a healthy cadeance of communication and Scrum practices with efficiently ran Sprint plannings and retros to ensure growth on a weekly cycle.
+We've got you covered next time you encounter any new requirements in the area of business development, marketing, design, or tech. Our growing list of satisfied customers is testimony that we go above and beyond to help your business grow and to develop a long-lasting and solid partnership.
+Our standardized and automated workflows ensure that no time is wasted. Send us an enquiry and we'll promptly engage in understanding your requirements, proposing a solution detailed in a comprehensive agreement, and prepare for a prompt project kick-off.
+This very same Business Plan being in existence and easily accessible along with our Team Wiki all work together as tools to (A) qualify the cultural fit of potential candidates, (B) have a swift and succesful onboarding of new hires, (C) define a common language to nurture collaboration and promote feedback and new ideas.
+The market of remote services for US clients is very competitive. The same technology that allows our business to operate remotely and sell services to US clients is the same toolset that allows other remote businesses from lower-cost countries to compete with us. However, we bring a near-shore service in US timezone with most of our talent being based in Latin America, specifically Argentina, with senior-level engineers up to date with the most adavanced industry standards.
+The Polyfen Group LLC is a fully-remote, US based company parent to multiple brands in the creative and software engineering industries.
+The most significant brand we operate is Polyfen. A fully-remote creative & software boutique offering design, marketing, and engineering services for US businesses.
+The company was founded on March 23rd, 2018 by Boris Hrnčić —Argentinian-Croatian, art director & product designer— with the support of colleagues sharing the same passion for building something that we can be proud of.
+The stock is 100% independently owned by the team with no dependency on investors or any other kind of external funding.
+Our location-independent business model takes advantage of the latest advancements in technology to work seamlessly with a fully-remote team years before the Covid pandemic made it the new normal.
+We are a certificed LLC registered in the state of Delaware, USA and we offer our clients solutions in the same market as US based competitors at a fraction of their costs.
+We believe that focusing on developing a team culture that we can be proud of provides the ideal environment to grow, innovate, and push the boundries of what we can do.
+These are the Services we offer through our primary brand Polyfen, a creative and software boutique.
+Buyer Persona No.1 End-to-End Project |
+ |
---|---|
Pseudonym | +Founder Frank | +
Occupation | +Founder & CEO at Business Management Consultancy | +
Location | +San Francisco, California | +
Company Size | +8 employees | +
Brands they follow | +Forbes, Bloomberg, Business Insider, Inc., Ted Talks, Ideo, Deloitte, Accenture, The Wall Street Journal, The Economist, Harvard Business Review, Entrepreneur. |
+
Bio | +Frank has an Ivy League education on business, and he counts with 15+ years of experience in business. He was leading a business development team at Accenture, working on projects for Nike until, during the uncertain time of the Covid pandemic, he decided to make use of his gathered professional experience to start a venture of his own. He bootstraped his initial efforts investing money from his own pocket into his business project. He came up with a name for his company himself, he registered the webdomain of the company himself, he posted a job on Upwork to get a quick logo done by a cheap designer, and he created his business' website himself on Wix. He reached out to a few close, like-minded, experienced colleagues with whom he has worked previously on other business and offered them to be a part of the team he's leading. After a couple of months of launching his business, he closed a long-term contract for continuous consulting services for a large corporation. This allowed him to expand his team hiring an executive assistant and formalize other aspects of his business like bookkeeping so he doesn't have to take care of everything completely by himself. Now that the business has some dough and a couple of regular clients he wants to scale his operation to take in new, bigger clients to really make a difference in the income the consulting firm generates. However, as a savvy business person, he realizes that the quick logo that he got done for cheap and the Wix website he created himself do not express the level of professionalism he's hoping to communicate to potential clients. |
+
Problem | +He is the Founder & CEO of an emerging company in the Business Consulting sector but their Brand Identity doesnโt reflect the high quality of their services. |
+
Solution | +[End-to-End Project] Finding a reliable team of experts who can translate his vision for the business into a compelling brand identity and a website with user experience that delivers a good, professional, trustworthy impression to prospects and interests them in becoming paying clients. |
+
How will they measure success? | +Having an increase in the number of meetings scheduled with leads every month. |
+
Buyer Persona No.2 Executive Consulting |
+ |
---|---|
Pseudonym | +Corporate Catherine | +
Occupation | +CMO at Fintech App | +
Location | +Houston, Texas | +
Company Size | +65 employees | +
Brands they follow | +# |
+
Bio | +Catherine has a background in marketing with a strong focus on closing new clients and upselling existing ones through social media, PR, and email marketing campaigns. In previous jobs, she helped startups get out the door and make the most use of their funding to establish themselves in the market and fulfill their expected ROI. Three years ago, the head of HR of a young fintech startup reached out to her, offering the role of CMO. Since then, she succesfully put new marketing strategies into action that showed significantly positive ROI results with an exponential increase in registrations of new users. However, most of the in-house staff at the company are heavily oriented in developing new features for the product, and she realizes that the visual identity of the brand has suffered from neglect at the hand of a creative team that is strong in UX, but not in branding and visual design. The logo of the app is OK, but it's not great. The UI has inconsistencies in the use of color and typography, and the set of illustrations they use looks too generic. With the number of sign-ups and retention recently stalling, she proposed to the C-level to refresh their brand with a more eye-pleasing visual identity to make the app more attractive over its competitors and show a more promising value for its price. However, her team is not particularly strong in branding; plus, they could use a fresh set of eyes. |
+
Problem | +# |
+
Solution | +[Hourly Services for Executive Consulting] |
+
How will they measure success? | +Increase in the number of monthly sign-ups and lower churn rate. |
+
Buyer Persona No.3 Staff Augmentation |
+ |
---|---|
Pseudonym | +Director Dave | +
Occupation | +Managing Director at Marketing Agency | +
Location | +Miami, Florida | +
Company Size | +24 employees | +
Brands they follow | +# |
+
Bio | +Dave is a self-made man. He didn't went to a top college, but he still committed himself fully to his professional career burning the midnight oil to get new clients for a marketing agency where he had a junior sales rep role. He climbed up the corporate ladder being head-hunted for better and better positions. He developed wonderful relationships with loyal clients and made himself a name in the industry. One year ago, the founder and CEO of new marketing agency he used to work with as a client offered him a steady position at the company being his right-hand man in keeping the revenue growing. |
+
Problem | +The inhouse team already has a heavy workload and the C-level wants to keep growing the revenue with new clients but they don't want to hire a bunch of new employees and have to deal with the management and budgeting risks that come with scaling the business. |
+
Solution | +[Hourly Services for Staff Augmentation] |
+
How will they measure success? | +Customers commenting to accounts executives that they are very satisfied with their results and want to continue working with the Marketing Agency. |
+
Our Core values are the "How" in Simon Sinek's Golden Circle. They are the medium through which we translate our Purpose into amazing products and services.
+As a forward-thinking company we explore the latest techologies and nurture professional growth through internal Research & Development projects, like Poly Qwerty and Polykit. That way, our clients count with the advantage of our top-tier talent to beat the competition and never be left behind in an always moving market.
+Together we can achieve much more than we ever could alone. We are heavily commited to providing our team with all the tools, resources, and support to maintain a healthy and thriving work environment.
+We can't compete with the comp packages of big tech companies. But where we can compete and win, is in flexibility. That allows us to have the best talent in the world at a sustainable cost.
+Found the perfect surf break in some remote paradise? Having a stable job shouldn't mean you have to sacrifice doing what makes you happy, wherever that may be.
+Our Business Plan and Team Wiki are just some of our documentation that is publically available. We also contribute to the open-source software community with public code repositories in Github. We believe that the world of business could learn a lot from the practices and culture of the open-source community. Sharing our work allows us to:
+We don't perceive the idea of anyone "copying" us as a threat, because we value the innovative potential of our team miles ahead of any individual idea that we might've had and shared.
+Wired's documentary of Shenzen, China, the hardware capital of the world shines a light on the philosophy that if somebody tries to copy your work and ends up doing better, it's because your results where lacking and the market recognized the value of a more capable competitor.
+Creative & Software boutique offering design, marketing, and engineering services for US businesses.
+ polyfen.com +Open-source step-by-step guide to the Branding process, including practical tips, case studies, + template files, and many other useful resources.
+ polyatlas.wiki +Your keyboard's assistant. Click on a character to copy it. Easily find the right emoji, punctuation signs, and + other symbols.
+ polyqwerty.com +// Work in Progress //
Open-source design system for
+ User Interfaces with CSS code for developers and Figma library for
+ designers.
+
// Work in Progress //
TBD
+
// Work in Progress //
TBD
+
The Polyfen Group LLC is a small company parent of multiple brands related to software development + and + the creative industry.
+The Polyfen Group LLC (โwe,โ โour,โ or โusโ) is committed to protecting your privacy. This Privacy Policy explains how your personal information is collected, used, and disclosed by The Polyfen Group LLC.
+This Privacy Policy applies to https://thepolyfengroup.com, its associated subdomains, and other websites The Polyfen Group LLC controls including, but not limited to https://polyfen.com, https://polyatlas.wiki, https://polyforum.org, https://polycookies.com, https://polyqwerty.com, https://polynucleus.com (collectively, our โServiceโ). By accessing or using our Service, you signify that you have read, understood, and agree to our collection, storage, use, and disclosure of your personal information as described in this Privacy Policy. This Privacy Policy was created with Termify.
+To help explain things as clearly as possible in this Privacy Policy, every time any of these terms are referenced, are strictly defined as:
+We collect information from you when you visit our website, register on our site, place an order, subscribe to our newsletter, respond to a survey or fill out a form.
+Any of the information we collect from you may be used in one of the following ways:
+The Polyfen Group LLC will collect End User Data necessary to provide The Polyfen Group LLC services to our customers.
+End users may voluntarily provide us with information they have made available on social media websites. If you provide us with any such information, we may collect publicly available information from the social media websites you have indicated. You can control how much of your information social media websites make public by visiting these websites and changing your privacy settings.
+We receive some information from the third parties when you contact us. For example, when you submit your email address to us to show interest in becoming a The Polyfen Group LLC customer, we receive information from a third party that provides automated fraud detection services to The Polyfen Group LLC. We also occasionally collect information that is made publicly available on social media websites. You can control how much of your information social media websites make public by visiting these websites and changing your privacy settings.
+We may share the information that we collect, both personal and non-personal, with third parties such as advertisers, contest sponsors, promotional and marketing partners, and others who provide our content or whose products or services we think may interest you. We may also share it with our current and future affiliated companies and business partners, and if we are involved in a merger, asset sale or other business reorganization, we may also share or transfer your personal and non-personal information to our successors-in-interest.
+We may engage trusted third party service providers to perform functions and provide services to us, such as hosting and maintaining our servers and the website, database storage and management, e-mail management, storage marketing, credit card processing, customer service and fulfilling orders for products and services you may purchase through the website. We will likely share your personal information, and possibly some non-personal information, with these third parties to enable them to perform these services for us and for you.
+We may share portions of our log file data, including IP addresses, for analytics purposes with third parties such as web analytics partners, application developers, and ad networks. If your IP address is shared, it may be used to estimate general location and other technographics such as connection speed, whether you have visited the website in a shared location, and type of the device used to visit the website. They may aggregate information about our advertising and what you see on the website and then provide auditing, research and reporting for us and our advertisers. We may also disclose personal and non-personal information about you to government or law enforcement officials or private parties as we, in our sole discretion, believe necessary or appropriate in order to respond to claims, legal process (including subpoenas), to protect our rights and interests or those of a third party, the safety of the public or any person, to prevent or stop any illegal, unethical, or legally actionable activity, or to otherwise comply with applicable court orders, laws, rules and regulations.
+
The Polyfen Group LLC will collect personal information that you submit to us. We may also receive personal information about you from third parties as described above.
+By submitting your email address on this website, you agree to receive emails from us. You can cancel your participation in any of these email lists at any time by clicking on the opt-out link or other unsubscribe option that is included in the respective email. We only send emails to people who have authorized us to contact them, either directly, or through a third party. We do not send unsolicited commercial emails, because we hate spam as much as you do. By submitting your email address, you also agree to allow us to use your email address for customer audience targeting on sites like Facebook, where we display custom advertising to specific people who have opted-in to receive communications from us. Email addresses submitted only through the order processing page will be used for the sole purpose of sending you information and updates pertaining to your order. If, however, you have provided the same email to us through another method, we may use it for any of the purposes stated in this Policy. Note: If at any time you would like to unsubscribe from receiving future emails, we include detailed unsubscribe instructions at the bottom of each email.
+We keep your information only so long as we need it to provide The Polyfen Group LLC to you and fulfill the purposes described in this policy. This is also the case for anyone that we share your information with and who carries out services on our behalf. When we no longer need to use your information and there is no need for us to keep it to comply with our legal or regulatory obligations, weโll either remove it from our systems or depersonalize it so that we can't identify you.
+We implement a variety of security measures to maintain the safety of your personal information when you place an order or enter, submit, or access your personal information. We offer the use of a secure server. All supplied sensitive/credit information is transmitted via Secure Socket Layer (SSL) technology and then encrypted into our Payment gateway providers database only to be accessible by those authorized with special access rights to such systems, and are required to keep the information confidential. After a transaction, your private information (credit cards, social security numbers, financials, etc.) is never kept on file. We cannot, however, ensure or warrant the absolute security of any information you transmit to The Polyfen Group LLC or guarantee that your information on the Service may not be accessed, disclosed, altered, or destroyed by a breach of any of our physical, technical, or managerial safeguards.
+The Polyfen Group LLC is incorporated in the United States. Information collected via our website, through direct interactions with you, or from use of our help services may be transferred from time to time to our offices or personnel, or to third parties, located throughout the world, and may be viewed and hosted anywhere in the world, including countries that may not have laws of general applicability regulating the use and transfer of such data. To the fullest extent allowed by applicable law, by using any of the above, you voluntarily consent to the trans-border transfer and hosting of such information.
+We take precautions to protect the security of your information. We have physical, electronic, and managerial procedures to help safeguard, prevent unauthorized access, maintain data security, and correctly use your information. However, neither people nor security systems are foolproof, including encryption systems. In addition, people can commit intentional crimes, make mistakes or fail to follow policies. Therefore, while we use reasonable efforts to protect your personal information, we cannot guarantee its absolute security. If applicable law imposes any non-disclaimable duty to protect your personal information, you agree that intentional misconduct will be the standards used to measure our compliance with that duty.
+The rights you have to request updates or corrections to the information The Polyfen Group LLC collects depend on your relationship with The Polyfen Group LLC. Personnel may update or correct their information as detailed in our internal company employment policies.
+Customers have the right to request the restriction of certain uses and disclosures of personally identifiable information as follows. You can contact us in order to (1) update or correct your personally identifiable information, (2) change your preferences with respect to communications and other information you receive from us, or (3) delete the personally identifiable information maintained about you on our systems (subject to the following paragraph), by cancelling your account. Such updates, corrections, changes and deletions will have no effect on other information that we maintain, or information that we have provided to third parties in accordance with this Privacy Policy prior to such update, correction, change or deletion. To protect your privacy and security, we may take reasonable steps (such as requesting a unique password) to verify your identity before granting you profile access or making corrections. You are responsible for maintaining the secrecy of your unique password and account information at all times.
+You should be aware that it is not technologically possible to remove each and every record of the information you have provided to us from our system. The need to back up our systems to protect information from inadvertent loss means that a copy of your information may exist in a non-erasable form that will be difficult or impossible for us to locate. Promptly after receiving your request, all personal information stored in databases we actively use, and other readily searchable media will be updated, corrected, changed or deleted, as appropriate, as soon as and to the extent reasonably and technically practicable.
+If you are an end user and wish to update, delete, or receive any information we have about you, you may do so by contacting the organization of which you are a customer.
+If you are a The Polyfen Group LLC worker or applicant, we collect information you voluntarily provide to us. We use the information collected for Human Resources purposes in order to administer benefits to workers and screen applicants.
+You may contact us in order to (1) update or correct your information, (2) change your preferences with respect to communications and other information you receive from us, or (3) receive a record of the information we have relating to you. Such updates, corrections, changes and deletions will have no effect on other information that we maintain, or information that we have provided to third parties in accordance with this Privacy Policy prior to such update, correction, change or deletion.
+We reserve the right to transfer information to a third party in the event of a sale, merger or other transfer of all or substantially all of the assets of The Polyfen Group LLC or any of its Corporate Affiliates (as defined herein), or that portion of The Polyfen Group LLC or any of its Corporate Affiliates to which the Service relates, or in the event that we discontinue our business or file a petition or have filed against us a petition in bankruptcy, reorganization or similar proceeding, provided that the third party agrees to adhere to the terms of this Privacy Policy.
+We may disclose information (including personal information) about you to our Corporate Affiliates. For purposes of this Privacy Policy, "Corporate Affiliate" means any person or entity which directly or indirectly controls, is controlled by or is under common control with The Polyfen Group LLC, whether by ownership or otherwise. Any information relating to you that we provide to our Corporate Affiliates will be treated by those Corporate Affiliates in accordance with the terms of this Privacy Policy.
+This Privacy Policy is governed by the laws of United States without regard to its conflict of laws provision. You consent to the exclusive jurisdiction of the courts in connection with any action or dispute arising between the parties under or in connection with this Privacy Policy except for those individuals who may have rights to make claims under Privacy Shield, or the Swiss-US framework.
+The laws of United States, excluding its conflicts of law rules, shall govern this Agreement and your use of the website. Your use of the website may also be subject to other local, state, national, or international laws.
+By using The Polyfen Group LLC or contacting us directly, you signify your acceptance of this Privacy Policy. If you do not agree to this Privacy Policy, you should not engage with our website, or use our services. Continued use of the website, direct engagement with us, or following the posting of changes to this Privacy Policy that do not significantly affect the use or disclosure of your personal information will mean that you accept those changes.
+We've updated our Privacy Policy to provide you with complete transparency into what is being set when you visit our site and how it's being used. By using our website, registering an account, or making a purchase, you hereby consent to our Privacy Policy and agree to its terms.
+This Privacy Policy applies only to the Services. The Services may contain links to other websites not operated or controlled by The Polyfen Group LLC. We are not responsible for the content, accuracy or opinions expressed in such websites, and such websites are not investigated, monitored or checked for accuracy or completeness by us. Please remember that when you use a link to go from the Services to another website, our Privacy Policy is no longer in effect. Your browsing and interaction on any other website, including those that have a link on our platform, is subject to that websiteโs own rules and policies. Such third parties may use their own cookies or other methods to collect information about you.
+The Polyfen Group LLC uses "Cookies" to identify the areas of our website that you have visited. A Cookie is a small piece of data stored on your computer or mobile device by your web browser. We use Cookies to enhance the performance and functionality of our website but are non-essential to their use. However, without these cookies, certain functionality like videos may become unavailable or you would be required to enter your login details every time you visit the website as we would not be able to remember that you had logged in previously. Most web browsers can be set to disable the use of Cookies. However, if you disable Cookies, you may not be able to access functionality on our website correctly or at all. We never place Personally Identifiable Information in Cookies.
+Wherever you're located you may also set your browser to block cookies and similar technologies, but this action may block our essential cookies and prevent our website from functioning properly, and you may not be able to fully utilize all of its features and services. You should also be aware that you may also lose some saved information (e.g. saved login details, site preferences) if you block cookies on your browser. Different browsers make different controls available to you. Disabling a cookie or category of cookie does not delete the cookie from your browser, you will need to do this yourself from within your browser, you should visit your browser's help menu for more information.
+We do not address anyone under the age of 13. We do not knowingly collect personally identifiable information from anyone under the age of 13. If You are a parent or guardian and You are aware that Your child has provided Us with Personal Data, please contact Us. If We become aware that We have collected Personal Data from anyone under the age of 13 without verification of parental consent, We take steps to remove that information from Our servers.
+We may change our Service and policies, and we may need to make changes to this Privacy Policy so that they accurately reflect our Service and policies. Unless otherwise required by law, we will notify you (for example, through our Service) before we make changes to this Privacy Policy and give you an opportunity to review them before they go into effect. Then, if you continue to use the Service, you will be bound by the updated Privacy Policy. If you do not want to agree to this or any updated Privacy Policy, you can delete your account.
+We may display, include or make available third-party content (including data, information, applications and other products services) or provide links to third-party websites or services ("Third- Party Services").
+You acknowledge and agree that The Polyfen Group LLC shall not be responsible for any Third-Party Services, including their accuracy, completeness, timeliness, validity, copyright compliance, legality, decency, quality or any other aspect thereof. The Polyfen Group LLC does not assume and shall not have any liability or responsibility to you or any other person or entity for any Third-Party Services.
+Third-Party Services and links thereto are provided solely as a convenience to you and you access and use them entirely at your own risk and subject to such third parties' terms and conditions.
+Facebook pixel is an analytics tool that allows you to measure the effectiveness of your advertising by understanding the actions people take on your website. You can use the pixel to: Make sure your ads are shown to the right people. Facebook pixel may collect information from your device when you use the service. Facebook pixel collects information that is held in accordance with its Privacy Policy.
+We use Cookies to enhance the performance and functionality of our platform but are non-essential to their use. However, without these cookies, certain functionality like videos may become unavailable or you would be required to enter your login details every time you visit the platform as we would not be able to remember that you had logged in previously.
+Local Storage sometimes known as DOM storage, provides web apps with methods and protocols for storing client-side data. Web storage supports persistent data storage, similar to cookies but with a greatly enhanced capacity and no information stored in the HTTP request header.
+We use "Sessions" to identify the areas of our website that you have visited. A Session is a small piece of data stored on your computer or mobile device by your web browser.
+We may be collecting and using information from you if you are from the European Economic Area (EEA), and in this section of our Privacy Policy we are going to explain exactly how and why is this data collected, and how we maintain this data under protection from being replicated or used in the wrong way.
+GDPR is an EU-wide privacy and data protection law that regulates how EU residents' data is protected by companies and enhances the control the EU residents have, over their personal data.
+The GDPR is relevant to any globally operating company and not just the EU-based businesses and EU residents. Our customersโ data is important irrespective of where they are located, which is why we have implemented GDPR controls as our baseline standard for all our operations worldwide.
+Any data that relates to an identifiable or identified individual. GDPR covers a broad spectrum of information that could be used on its own, or in combination with other pieces of information, to identify a person. Personal data extends beyond a personโs name or email address. Some examples include financial information, political opinions, genetic data, biometric data, IP addresses, physical address, sexual orientation, and ethnicity.
+The Data Protection Principles include requirements such as:
+GDPR adds some new requirements regarding how companies should protect individuals' personal data that they collect and process. It also raises the stakes for compliance by increasing enforcement and imposing greater fines for breach. Beyond these facts it's simply the right thing to do. At The Polyfen Group LLC we strongly believe that your data privacy is very important and we already have solid security and privacy practices in place that go beyond the requirements of this new regulation.
+We are committed to helping our customers meet the data subject rights requirements of GDPR. The Polyfen Group LLC processes or stores all personal data in fully vetted, DPA compliant vendors. We do store all conversation and personal data for up to 6 years unless your account is deleted. In which case, we dispose of all data in accordance with our Terms of Service and Privacy Policy, but we will not hold it longer than 60 days.
+We are aware that if you are working with EU customers, you need to be able to provide them with the ability to access, update, retrieve and remove personal data. We got you! We've been set up as self service from the start and have always given you access to your data and your customers data. Our customer support team is here for you to answer any questions you might have about working with the API.
+The California Consumer Privacy Act (CCPA) requires us to disclose categories of Personal Information we collect and how we use it, the categories of sources from whom we collect Personal Information, and the third parties with whom we share it, which we have explained above.
+We are also required to communicate information about rights California residents have under California law. You may exercise the following rights:
+If you make a request, we have one month to respond to you. If you would like to exercise any of these rights, please contact us.
+We do not sell the Personal Information of our users.
+For more information about these rights, please contact us.
+CalOPPA requires us to disclose categories of Personal Information we collect and how we use it, the categories of sources from whom we collect Personal Information, and the third parties with whom we share it, which we have explained above.
+CalOPPA users have the following rights:
+If you make a request, we have one month to respond to you. If you would like to exercise any of these rights, please contact us.
+We do not sell the Personal Information of our users.
+For more information about these rights, please contact us.
+Don't hesitate to contact us if you have any questions via email to privacy@polyfen.com.
\ No newline at end of file diff --git a/privacy/favicon-16x16.png b/privacy/favicon-16x16.png new file mode 100644 index 0000000..0ba6544 Binary files /dev/null and b/privacy/favicon-16x16.png differ diff --git a/privacy/favicon-32x32.png b/privacy/favicon-32x32.png new file mode 100644 index 0000000..bf3384a Binary files /dev/null and b/privacy/favicon-32x32.png differ diff --git a/privacy/favicon.ico b/privacy/favicon.ico new file mode 100644 index 0000000..1c12161 Binary files /dev/null and b/privacy/favicon.ico differ diff --git a/privacy/imgs/.DS_Store b/privacy/imgs/.DS_Store new file mode 100644 index 0000000..829fcd4 Binary files /dev/null and b/privacy/imgs/.DS_Store differ diff --git a/privacy/imgs/arrow-right.svg b/privacy/imgs/arrow-right.svg new file mode 100644 index 0000000..0a2710f --- /dev/null +++ b/privacy/imgs/arrow-right.svg @@ -0,0 +1,3 @@ + diff --git a/privacy/imgs/icons/.DS_Store b/privacy/imgs/icons/.DS_Store new file mode 100644 index 0000000..3f1cfbb Binary files /dev/null and b/privacy/imgs/icons/.DS_Store differ diff --git a/privacy/imgs/icons/external-url.svg b/privacy/imgs/icons/external-url.svg new file mode 100644 index 0000000..f0fa935 --- /dev/null +++ b/privacy/imgs/icons/external-url.svg @@ -0,0 +1,12 @@ + + + diff --git a/privacy/imgs/icons/globe.svg b/privacy/imgs/icons/globe.svg new file mode 100644 index 0000000..5b136a3 --- /dev/null +++ b/privacy/imgs/icons/globe.svg @@ -0,0 +1,19 @@ + + + diff --git a/privacy/imgs/icons/hamburger_icon.svg b/privacy/imgs/icons/hamburger_icon.svg new file mode 100644 index 0000000..233bf21 --- /dev/null +++ b/privacy/imgs/icons/hamburger_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/privacy/imgs/padlock-illustration.svg b/privacy/imgs/padlock-illustration.svg new file mode 100644 index 0000000..a18b620 --- /dev/null +++ b/privacy/imgs/padlock-illustration.svg @@ -0,0 +1,46 @@ + diff --git a/privacy/imgs/polyfen-logo.svg b/privacy/imgs/polyfen-logo.svg new file mode 100644 index 0000000..a97e9ca --- /dev/null +++ b/privacy/imgs/polyfen-logo.svg @@ -0,0 +1,52 @@ + + + diff --git a/privacy/imgs/sub-brands/poly-atlas-logo.svg b/privacy/imgs/sub-brands/poly-atlas-logo.svg new file mode 100644 index 0000000..c575959 --- /dev/null +++ b/privacy/imgs/sub-brands/poly-atlas-logo.svg @@ -0,0 +1,54 @@ + + + diff --git a/privacy/imgs/sub-brands/poly-cookies-logo.svg b/privacy/imgs/sub-brands/poly-cookies-logo.svg new file mode 100644 index 0000000..3e070dc --- /dev/null +++ b/privacy/imgs/sub-brands/poly-cookies-logo.svg @@ -0,0 +1,64 @@ + + + diff --git a/privacy/imgs/sub-brands/poly-forum-logo.svg b/privacy/imgs/sub-brands/poly-forum-logo.svg new file mode 100644 index 0000000..5d0f365 --- /dev/null +++ b/privacy/imgs/sub-brands/poly-forum-logo.svg @@ -0,0 +1,57 @@ + + + diff --git a/privacy/imgs/sub-brands/poly-nucleus-logo.svg b/privacy/imgs/sub-brands/poly-nucleus-logo.svg new file mode 100644 index 0000000..0cb6379 --- /dev/null +++ b/privacy/imgs/sub-brands/poly-nucleus-logo.svg @@ -0,0 +1,59 @@ + + + diff --git a/privacy/imgs/sub-brands/poly-qwerty-logo.svg b/privacy/imgs/sub-brands/poly-qwerty-logo.svg new file mode 100644 index 0000000..668cb0d --- /dev/null +++ b/privacy/imgs/sub-brands/poly-qwerty-logo.svg @@ -0,0 +1,33 @@ + + + diff --git a/privacy/imgs/sub-brands/polyfen-logo.svg b/privacy/imgs/sub-brands/polyfen-logo.svg new file mode 100644 index 0000000..a97e9ca --- /dev/null +++ b/privacy/imgs/sub-brands/polyfen-logo.svg @@ -0,0 +1,52 @@ + + + diff --git a/privacy/imgs/the-polyfen-group-logo.svg b/privacy/imgs/the-polyfen-group-logo.svg new file mode 100644 index 0000000..0f36041 --- /dev/null +++ b/privacy/imgs/the-polyfen-group-logo.svg @@ -0,0 +1,58 @@ + + + diff --git a/privacy/includes/head.php b/privacy/includes/head.php new file mode 100644 index 0000000..8fd0b2b --- /dev/null +++ b/privacy/includes/head.php @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/privacy/index.php b/privacy/index.php new file mode 100644 index 0000000..90966b5 --- /dev/null +++ b/privacy/index.php @@ -0,0 +1,78 @@ + + + + +The name of the game is "Fill-in the Yellow Rectangles".
+ +Our creative process is documented in detail in Poly Atlas, our free guide to the Branding process.
+Website project set-up:
+Our internal deadline to process payments is 10th day of every month. However, it is possible for some payments related to specific projects to be processed every 14 days.
+Once youโve started working in our team you must send an email to accounting@polyfen.com with the corresponding details of one of the payment methods we approve.
+Approved payment methods:
+For any requests about changing your payment method please contact โ๏ธ accounting@polyfen.com.
+We organize all of our work into projects and those projects are groups by their corresponding client.
+To facilitate our organization and file naming we create a 2-4 letters shortcode to reference each client.
+All internal projects are referenced with Client Codes as well:
+Asana and Clockify projects follow the convention [Client Code] โบ [Project Type].
+ +There are 5 stages in the workflow of any task.
+We identify a requirement and add it to Asana as a task following SMART task practices:
+All backlog tasks that were selected for the present Sprint.
+One you start work on a specific task, the first thing to do is set its status as "In Progress" to let the rest of the team know what's being worked on.
+After you consider your task is complete, add a comment with the total amount of hours worked on the task, then change the task status to "For Review" and assign the task to your reporter.
+After your task is reviewed by a Reporter and approved it will be moved to the "Complete" column.
+Once a week, when doing the transition between Sprint cycles, the tasks that are in the "Complete" column will be archived.
+We keep available at all times a board of suggestions for our team to collect and address internal feedback.
+We organize our tasks in time cycles of 1 week called a โSprintโ.
+ +We schedule a call every Tuesday with the following agenda structure:
+ +General:
+Divisions:
+Education:
+You are able to take any vacation, holidays, and time off as you desire.
+All we ask is that you let the rest of the team know with a reasonable amount of time ahead when possible.
+Work tracked in Clockify should have the same name as the corresponding Asana task.
+If there is no related Asana task, feel free to name the timelog at your will.
+However, there are two things that must be carefully set:
+The Clockify Project should have the same name as the Asana project, which follows the convention "[Client Code] โบ [Project Type]".
+Billability should be set to "Billable" for all work corresponding to Clients of Polyfen and not internal projects.
+