diff --git a/.DS_Store b/.DS_Store index a993b61..e805550 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/app/docs-mobile-nav-v2-local.js b/app/docs-mobile-nav-v2-local.js new file mode 100644 index 0000000..083b437 --- /dev/null +++ b/app/docs-mobile-nav-v2-local.js @@ -0,0 +1,76 @@ +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"; + } + } + }); +}); + + + +/* 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); +}); \ No newline at end of file diff --git a/app/styles.css b/app/styles.css index f4345c4..9036e4e 100644 --- a/app/styles.css +++ b/app/styles.css @@ -37,9 +37,8 @@ main { left: 280px; */ } - -main section.sub-brands-container { - max-width: 600px; +section.sub-brands-container { + max-width: 800px; } header img { @@ -62,6 +61,8 @@ header nav a.external-url { flex-direction: row; } +header + header img.external-url-icon { height: 16px; margin-right: 6px; @@ -129,22 +130,27 @@ img.web-icon { margin-top: -2px; } -a { +/* a { color: #1f8df0; letter-spacing: -0, 1px; -} +} */ a { position: relative; width: max-content; } -a::before { +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; @@ -213,7 +219,7 @@ section#cover p { 'screens' 'texts' 'links'; - gap: 1rem; + gap: 2rem 3rem; } .sub-brand p { @@ -226,22 +232,36 @@ section#cover p { } .sub-brand { grid-template-areas: - 'logos logos' + 'screens logos' 'screens texts' 'screens links'; + justify-content: start; } .sub-brand .screen { margin-top: unset; aspect-ratio: 4/3; width: 100%; - max-width: 210px; + width: 299px; } } .--sub-brand { grid-area: logos;} -.sub-brand p { grid-area: texts;} +.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 */ /* issue to talk, this is not mobile first polykit*/ @@ -252,12 +272,27 @@ h2.title-2 { margin-top: 0; padding-top: 0; } + +.heading-4 { + font-size: 25.5px; + line-height: 34px; + padding-bottom: 10px; +} + + a { + color: #4f4f58; +} + a:not(.current-page):hover { + color: #000000; +} + .current-page { opacity: 0.4; } -.current-page:hover { - opacity: 0.4; - color:#ffffffc8; + +/* espacio al final de las tablas de contenido */ +ul.toc { + padding-bottom: 80px; } /*///////////Media queries///////////*/ @@ -398,4 +433,38 @@ h2.title-2 { .close-nav { display: none; -} \ No newline at end of file +} +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; +} diff --git a/app/sub-styles.css b/app/sub-styles.css index 1b59fe9..892a11c 100644 --- a/app/sub-styles.css +++ b/app/sub-styles.css @@ -1,3 +1,15 @@ +.hello-nav { + position: absolute; + top: 0; + left: 0; + width: 100%; + display: flex; + justify-content:center; + gap: 1rem; + padding-block: 1rem; + background-color: #1d272c;; +} + .hello-nav a { color: #ffffffc8; } @@ -13,6 +25,17 @@ body nav { margin-top: 39px; } +#navbar li { + line-height: 1; +} + +@media (min-width: 768px) { + body nav { + margin-top: 50px; + } +} + + .current-page { opacity: 0.4; } @@ -95,4 +118,179 @@ a.link-logo:hover::before { display: none; } +.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); +} +ul.arrow-bullet li[data-icon="drive"] { + list-style-image: url(../imgs/icons/bullets/drive.svg); +} +ul.arrow-bullet li[data-icon="figma"] { + list-style-image: url(../imgs/icons/bullets/figma.svg); +} +ul.arrow-bullet li[data-icon="github"] { + list-style-image: url(../imgs/icons/bullets/github.svg); +} +ul.arrow-bullet li[data-icon="namecheap"] { + list-style-image: url(../imgs/icons/bullets/namecheap.svg); +} +ul.arrow-bullet li[data-icon="freshbooks"] { + list-style-image: url(../imgs/icons/bullets/freshbooks.svg); +} +ul.arrow-bullet li[data-icon="asana"] { + list-style-image: url(../imgs/icons/bullets/asana.svg); +} +ul.arrow-bullet li[data-icon="wise"] { + list-style-image: url(../imgs/icons/bullets/wise.svg); +} +ul.arrow-bullet li[data-icon="1password"] { + list-style-image: url(../imgs/icons/bullets/1password.svg); +} + +.heading-4 { + font-size: 25.5px; + line-height: 34px; + padding-bottom: 10px; +} + + +/* family-of-brands component, temporalmente lo pongo en sub-styles.css, ya esta en styles.css */ + +a img { + display: inherit; +} + +/* en styles.css esta llamando dentro de *main section.sub-brands...* */ +section.sub-brands-container { + max-width: 800px; +} + +section.sub-brand { + margin-bottom: 2rem; +} + +/* h1 with images ///////////////////////*/ +.--sub-brand a::before { content: none;} +.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;} + +/* 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; + padding-top: 10px; + } + .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; +} + +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; +} + +/*extra para los links*/ +a::before { + content: none; +} +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; +} +/* family-of-brands component */ + +/* espacio al final de las tablas de contenido */ +ul.toc { + padding-bottom: 80px; } \ No newline at end of file diff --git a/brand/content/brand-strategy.php b/brand/content/brand-strategy.php index 52e515a..9846062 100644 --- a/brand/content/brand-strategy.php +++ b/brand/content/brand-strategy.php @@ -1,5 +1,5 @@ -
-

3. Brand Strategy

+
+

3. Brand Strategy

3.1. Keywords

\ No newline at end of file diff --git a/brand/content/market-research.php b/brand/content/market-research.php index 65df9e0..d5d3778 100644 --- a/brand/content/market-research.php +++ b/brand/content/market-research.php @@ -1,11 +1,12 @@

2. Market Research

-

2.1. Business Analysis

-

Overview

-

The Polyfen Group LLC is a small company parent of multiple brands related to software development and the creative industry.

-

Our main brand is "Polyfen", a creative and development agency helping businesses reach their customers with data-driven research and strategic storytelling.

-

Business Model

-Polyfen Product Canvas +

2.1. Business Overview

+
+

We explore new ways of using tech in creative projects

+
+

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.

2.2. Industry Analysis

2.3. Target Analysis

diff --git a/brand/content/visual-identity.php b/brand/content/visual-identity.php index 5f81b4a..4905d61 100644 --- a/brand/content/visual-identity.php +++ b/brand/content/visual-identity.php @@ -89,10 +89,7 @@

Our Brand's illustrations uses the Retro Dudes set by Vectorly Space - as a base. However, for illustrations in polyfen.com we've taken the time to customize the illustrations adjusting some details and apply an additional layer of gradients and noise textures to incorporate them seamlessly with the rest of our visual language.

-
- -
+.

Pearls

diff --git a/brand/includes/head.php b/brand/includes/head.php index 705b7ad..6202b08 100644 --- a/brand/includes/head.php +++ b/brand/includes/head.php @@ -4,33 +4,7 @@ - - - - - - - - - - - - + diff --git a/brand/index.php b/brand/index.php index f6f91f9..5f91749 100644 --- a/brand/index.php +++ b/brand/index.php @@ -18,16 +18,11 @@

Brand Guidelines

-
-
-

Creative agency offering design, marketing, and software development services for new and emerging businesses.

- polyfen.com - -
-
-

- 5.2. Poly Atlas -

- -

Open-source step-by-step guide to the Branding process, including practical tips, case studies, template files, and many other useful resources.

- polyatlas.wiki -
-
-
-

- 5.3. Poly Cookies -

- -

Open-source solution to privacy policy implementing a cookie consent banner with Google Tag Manager.

- polycookies.com -
-
-
-

- 5.4. Poly Qwerty -

- -

Your keyboard's assistant. Click on a character to copy it.

- polyqwerty.com -
-
-
-

- 5.5. Polykit -

- -

// Work in Progress // -

Open-source design system for User Interfaces with CSS code for developers and Figma library for designers.

- polykit.xyz -
-
-
-

- 5.6. Polypress -

- -

// Work in Progress // -

Wordpress theme featuring out design system Polykit. Built for easy maintenance and scalibility with Elementor's page builder.

- polypress.xyz -
-
-
-

- 5.7. Poly Forum -

- -

// Work in Progress // -

Non-profit organization dedicated to promoting free and open education and professional growth in the creative industry.

- polyforum.org -
+

4. Family of Brands

+

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

+
+
+ diff --git a/business/content/differential.php b/business/content/differential.php index b18a8c3..dba78fa 100644 --- a/business/content/differential.php +++ b/business/content/differential.php @@ -1,8 +1,18 @@
-

7. Differential

-

7.1. Cost-efficient

+

6. Differential

+

7.1. Low cost, high value

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.

-

7.2. Owner-managed

-

Our agency is independently owned and our owners are involved from start to finish in all the projects we perform ensuring the best results for every client.

+

7.2. Wealth of experience

+

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.

+

7.3. High-performance

+

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.

+

7.4. End-to-end service

+

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.

+

7.5. Fast-track kick-off

+

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.

+

7.6. Socially-cohesive team

+

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.

+

7.7. Near-shore availability

+

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.

diff --git a/business/content/mantra.php b/business/content/mantra.php deleted file mode 100644 index b0bfc50..0000000 --- a/business/content/mantra.php +++ /dev/null @@ -1,6 +0,0 @@ -
-

4. Mantra

-
-

Create. Collaborate. Shine.

-
-
\ No newline at end of file diff --git a/business/content/overview.php b/business/content/overview.php index 2502f4d..2b63055 100644 --- a/business/content/overview.php +++ b/business/content/overview.php @@ -1,8 +1,12 @@

1. Overview

-

The Polyfen Group LLC is a business parent to multiple brands related to software development and the creative industry.

-

We explore new ways of using tech in creative projects.

-

The company was founded in 2018 by Boris Hrnčić —Argentinian-Croatian, art director and product designer— with the support of colleagues sharing the same passion for building something we can be proud of.

+
+

We explore new ways of using tech in creative projects

+
+

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.

\ No newline at end of file diff --git a/business/content/purpose.php b/business/content/purpose.php index ca2cb19..575d752 100644 --- a/business/content/purpose.php +++ b/business/content/purpose.php @@ -1,5 +1,11 @@

2. Purpose

-

The Polyfen Group exists because we wanted to create a company that aims to offer each team-member their dream job.

+
+

Why do we exist?

+

To offer each team-member their dream job

+

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.

+
+ +
\ No newline at end of file diff --git a/business/content/services.php b/business/content/services.php index 98f0b8d..5ca070f 100644 --- a/business/content/services.php +++ b/business/content/services.php @@ -1,10 +1,11 @@
-

6. Services

-

6.1. End-to-End Projects

-

Brand Revamp

-
$3,900
-
2-3 weeks
-
    +

    5. Services

    +

    These are the Services we offer through our primary brand Polyfen, a creative and software boutique.

    +

    5.1. Build

    +

    Brand Identity

    +
    $7,600
    +
    2-6 weeks
    +
    • Brand audit
    • Market research
    • Brand strategy
      • @@ -17,10 +18,10 @@
    • Social media profiles
    • Brand guidelines
    -

    Web Revamp

    +

    Institutional Website

    $7,800
    3-6 weeks
    -
      +
      • SEO audit
      • UX audit
      • Info architecture
        • @@ -35,29 +36,59 @@
      • Deployment
      • Walkthrough
      -

      6.2. Hourly Services

      -

      $65/hr

      -

      Net-14 Billing

      -
        -
      • Brand Audit
        • -
      • Market Research
        • -
      • Brand & Marketing Strategy
        • -
      • Naming
        • -
      • Logo Design
        • -
      • Visual Identity
        • -
      • Packaging
        • -
      • UX Audit
        • -
      • UX/UI Design
        • -
      • Software & Web Development
        • -
      • Pitch Decks & Presentations
        • -
      • Social Media Marketing
        • -
      • Email Marketing
        • -
      • Landing Pages
        • -
      • Lead Generation
        • -
      • SEO Audit
        • -
      • SEO Strategy
        • -
      • W3C & WACCAG Conformity
        • -
      • GDPR & Privacy Protection Compliance
        • +

        Web/Mobile App

        +
        $39,000
        +
        4-6 months
        +
          +
        • Discovery Phase +
            +
          • Initial consultation
            • +
          • Requirement gathering
            • +
          • User stories/Use case development
            • +
          • Project kickoff meeting
            • +
          +
          • +
        • Design Phase +
            +
          • Wireframing
            • +
          • User interface (UI) design
            • +
          • User experience (UX) design
            • +
          • Prototyping
            • +
          • Iterative design reviews
            • +
          +
          • +
        • Development Phase +
            +
          • Frontend development
            • +
          • Backend development
            • +
          • Database design and development
            • +
          • Integration of third-party APIs
            • +
          • Continuous integration/Continuous deployment (CI/CD) setup
            • +
          +
          • +
        • Testing Phase +
            +
          • Unit testing
            • +
          • Integration testing
            • +
          • User acceptance testing (UAT)
            • +
          • Bug fixing and issue resolution
            • +
          +
          • +
        • Deployment Phase +
            +
          • Deployment planning
            • +
          • Server setup and configuration
            • +
          • App deployment to production environment
            • +
          • Post-deployment testing
            • +
          +
        +

        5.2. Hire

        +

        Sr UX Designer

        +

        $45/hr

        +

        Sr Software Engineer

        +

        $45/hr

        +

        Sr Scrum Master

        +

        $35/hr

diff --git a/business/content/target.php b/business/content/target.php index fa67b2a..b8e0f01 100644 --- a/business/content/target.php +++ b/business/content/target.php @@ -1,5 +1,5 @@
-

8. Target

+

7. Target

diff --git a/business/content/values.php b/business/content/values.php index 77ac3ca..6f1e1b8 100644 --- a/business/content/values.php +++ b/business/content/values.php @@ -1,11 +1,43 @@ -
-

3. Values

-

3.1. Education

-

Innovation through R&D. As a forward-thinking company we explore the latest techologies through internal Research & Development projects. That way, our clients count with the advantage of our expert know-how to beat the competition and never be left behind in an always moving market.

-

3.2. Collaboration

-

Teamwork makes the deam work. Together we can achieve much more than isolated by ourselves.

-

3.3. Flexibility

-

Fully Remote since 2018. We know that 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.

-

3.4. Transparency

-

Transparency is in our DNA. Our Business Plan and Team Wiki are just some of the internal documentation that is publically available. We also contribute to the open-source community with public code repositories in Github.

+
+

3. Core values

+

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.

+
+ +
+

3.1. Education

+
+

Excellence through R&D

+
+

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.

+

3.2. Collaboration

+
+

Teamwork makes the deam work

+
+

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.

+

3.3. Flexibility

+
+

Fully-remote since 2018

+
+

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.

+
+ +
+

3.4. Transparency

+
+

Transparency is in our DNA

+
+

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:

+
    +
  • Reach more people with through content marketing.
    • +
  • Make accessible educational resources for free to students starting out in a new career as well as well-stablished professionals looking to grow.
    • +
  • Gain the interest of potential clients and talent.
    • +
  • Document, standardize, and optimize our workflows.
    • +
  • Give our team-members an accessible framework to provide feedback, share ideas, and have more participation in the direction of our team culture.
    • +
+

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.

+
+ +
\ No newline at end of file diff --git a/business/includes/head.php b/business/includes/head.php index a6c7ccd..b62ed3c 100644 --- a/business/includes/head.php +++ b/business/includes/head.php @@ -4,33 +4,7 @@ - - - - - - - - - - - - + diff --git a/business/index.php b/business/index.php index b81ae68..a8f45ee 100644 --- a/business/index.php +++ b/business/index.php @@ -19,38 +19,42 @@

Business Plan

-
    + @@ -82,10 +86,6 @@
    - - -
    -
    diff --git a/imgs/.DS_Store b/imgs/.DS_Store index 7fb0aed..b7d8824 100644 Binary files a/imgs/.DS_Store and b/imgs/.DS_Store differ diff --git a/imgs/icons/bullets/1password.svg b/imgs/icons/bullets/1password.svg new file mode 100644 index 0000000..c0990bb --- /dev/null +++ b/imgs/icons/bullets/1password.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + diff --git a/imgs/icons/bullets/asana.svg b/imgs/icons/bullets/asana.svg new file mode 100644 index 0000000..0ae393a --- /dev/null +++ b/imgs/icons/bullets/asana.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/imgs/icons/bullets/clockify.svg b/imgs/icons/bullets/clockify.svg new file mode 100644 index 0000000..0433374 --- /dev/null +++ b/imgs/icons/bullets/clockify.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/imgs/icons/bullets/drive.svg b/imgs/icons/bullets/drive.svg new file mode 100644 index 0000000..7f57390 --- /dev/null +++ b/imgs/icons/bullets/drive.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/imgs/icons/bullets/figma.svg b/imgs/icons/bullets/figma.svg new file mode 100644 index 0000000..31ccc3b --- /dev/null +++ b/imgs/icons/bullets/figma.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/imgs/icons/bullets/freshbooks.svg b/imgs/icons/bullets/freshbooks.svg new file mode 100644 index 0000000..0cdeaba --- /dev/null +++ b/imgs/icons/bullets/freshbooks.svg @@ -0,0 +1,8 @@ + + + + + diff --git a/imgs/icons/bullets/github.svg b/imgs/icons/bullets/github.svg new file mode 100644 index 0000000..c05fca7 --- /dev/null +++ b/imgs/icons/bullets/github.svg @@ -0,0 +1,3 @@ + + + diff --git a/imgs/icons/bullets/namecheap.svg b/imgs/icons/bullets/namecheap.svg new file mode 100644 index 0000000..ff2f104 --- /dev/null +++ b/imgs/icons/bullets/namecheap.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/imgs/icons/bullets/slack.svg b/imgs/icons/bullets/slack.svg new file mode 100644 index 0000000..2aab011 --- /dev/null +++ b/imgs/icons/bullets/slack.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/imgs/icons/bullets/wise.svg b/imgs/icons/bullets/wise.svg new file mode 100644 index 0000000..bfeb139 --- /dev/null +++ b/imgs/icons/bullets/wise.svg @@ -0,0 +1,11 @@ + + + + + + + + diff --git a/imgs/icons/globe.svg b/imgs/icons/globe.svg index 5b136a3..5747418 100644 --- a/imgs/icons/globe.svg +++ b/imgs/icons/globe.svg @@ -3,7 +3,7 @@ diff --git a/imgs/sub-brands/polyatlas-screen.png b/imgs/sub-brands/polyatlas-screen.png deleted file mode 100644 index 932aabc..0000000 Binary files a/imgs/sub-brands/polyatlas-screen.png and /dev/null differ diff --git a/imgs/sub-brands/polyatlas-screen.webp b/imgs/sub-brands/polyatlas-screen.webp new file mode 100644 index 0000000..dfe33c3 Binary files /dev/null and b/imgs/sub-brands/polyatlas-screen.webp differ diff --git a/imgs/sub-brands/polycookies-screen.png b/imgs/sub-brands/polycookies-screen.png deleted file mode 100644 index f1ab59e..0000000 Binary files a/imgs/sub-brands/polycookies-screen.png and /dev/null differ diff --git a/imgs/sub-brands/polycookies-screen.webp b/imgs/sub-brands/polycookies-screen.webp new file mode 100644 index 0000000..86a28fa Binary files /dev/null and b/imgs/sub-brands/polycookies-screen.webp differ diff --git a/imgs/sub-brands/polyfen-screen.png b/imgs/sub-brands/polyfen-screen.png deleted file mode 100644 index 4bb594d..0000000 Binary files a/imgs/sub-brands/polyfen-screen.png and /dev/null differ diff --git a/imgs/sub-brands/polyfen-screen.webp b/imgs/sub-brands/polyfen-screen.webp new file mode 100644 index 0000000..424c327 Binary files /dev/null and b/imgs/sub-brands/polyfen-screen.webp differ diff --git a/imgs/sub-brands/polyforum-screen.webp b/imgs/sub-brands/polyforum-screen.webp new file mode 100644 index 0000000..0162f3c Binary files /dev/null and b/imgs/sub-brands/polyforum-screen.webp differ diff --git a/imgs/sub-brands/polykit-screen.png b/imgs/sub-brands/polykit-screen.png deleted file mode 100644 index af245a8..0000000 Binary files a/imgs/sub-brands/polykit-screen.png and /dev/null differ diff --git a/imgs/sub-brands/polykit-screen.webp b/imgs/sub-brands/polykit-screen.webp new file mode 100644 index 0000000..8430ec8 Binary files /dev/null and b/imgs/sub-brands/polykit-screen.webp differ diff --git a/imgs/sub-brands/polypress-screen.webp b/imgs/sub-brands/polypress-screen.webp new file mode 100644 index 0000000..9be0c7b Binary files /dev/null and b/imgs/sub-brands/polypress-screen.webp differ diff --git a/imgs/sub-brands/polyqwerty-screen.png b/imgs/sub-brands/polyqwerty-screen.png deleted file mode 100644 index 5d4bebc..0000000 Binary files a/imgs/sub-brands/polyqwerty-screen.png and /dev/null differ diff --git a/imgs/sub-brands/polyqwerty-screen.webp b/imgs/sub-brands/polyqwerty-screen.webp new file mode 100644 index 0000000..f6faaf3 Binary files /dev/null and b/imgs/sub-brands/polyqwerty-screen.webp differ diff --git a/imgs/window-frame.svg b/imgs/window-frame.svg new file mode 100644 index 0000000..d6a8a19 --- /dev/null +++ b/imgs/window-frame.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/includes/family-of-brands.php b/includes/family-of-brands.php new file mode 100644 index 0000000..2079343 --- /dev/null +++ b/includes/family-of-brands.php @@ -0,0 +1,113 @@ +
    + +
    +
    + Polyfen screenshot + + +

    + Polyfen +

    +

    Creative & Software boutique offering design, marketing, and engineering services for US businesses.

    + polyfen.com +
+
+
+

+ Polyatlas +

+ +
+ + Polyatlas screenshot +
+ +

Open-source step-by-step guide to the Branding process, including practical tips, case studies, + template files, and many other useful resources.

+ polyatlas.wiki +
+
+
+

+ Polycookies +

+ +
+ + Polycookies screenshot +
+ +

Open-source solution to privacy policy implementing a cookie consent banner with Google Tag Manager. +

+ polycookies.com +
+
+
+

+ polyqwerty +

+ +
+ + Polyqwerty screenshot +
+ +

Your keyboard's assistant. Click on a character to copy it. Easily find the right emoji, punctuation signs, and + other symbols.

+ polyqwerty.com +
+
+
+

+ polykit +

+ +
+ + Polikit screenshot +
+ +

// Work in Progress //

Open-source design system for + User Interfaces with CSS code for developers and Figma library for + designers. +

+ polykit.xyz +
+
+ +
+

+ polyforum +

+ +
+ + Poliforum screenshot +
+ +

// Work in Progress //

TBD +

+ polyforum.org +
+
+
+

+ polypress +

+ +
+ + Polipress screenshot +
+ +

// Work in Progress //

TBD +

+ polypress.xyz +
\ No newline at end of file diff --git a/includes/head.php b/includes/head.php index ed7ae1c..70b4090 100644 --- a/includes/head.php +++ b/includes/head.php @@ -5,7 +5,7 @@ - + diff --git a/index.php b/index.php index 4392a33..890f8b6 100644 --- a/index.php +++ b/index.php @@ -70,67 +70,12 @@

We explore new ways of using tech in creative projects.

-

The Polyfen Group LLC is a small company parent of multiple brands related to software development and - the creative industry.

+

The Polyfen Group LLC is a fully-remote, US based company parent to multiple brands in the creative and software engineering industries.

Family of Brands

-
-

- Polyfen -

- -

Creative agency offering design, marketing, and software development services for new and emerging - businesses.

- polyfen.com -
-
-
-

- Polyatlas -

- -

Open-source step-by-step guide to the Branding process, including practical tips, case studies, - template files, and many other useful resources.

- polyatlas.wiki -
-
-
-

- Polycookies -

- -

Open-source solution to privacy policy implementing a cookie consent banner with Google Tag Manager. -

- polycookies.com -
-
-
-

- polyqwerty -

- -

Your keyboard's assistant. Click on a character to copy it.

- polyqwerty.com -
-
-
-

- polykit -

- -

Open-source design system for User Interfaces with CSS code for developers and Figma library for - designers. -
// Work in Progress // -

- polykit.xyz -
+
diff --git a/privacy/includes/head.php b/privacy/includes/head.php index e41fcde..8155302 100644 --- a/privacy/includes/head.php +++ b/privacy/includes/head.php @@ -5,11 +5,11 @@ - - + + - + - - - - - - - - - - - + diff --git a/wiki/index.php b/wiki/index.php index af83c00..b1f13e8 100644 --- a/wiki/index.php +++ b/wiki/index.php @@ -18,7 +18,7 @@

Team Wiki

- @@ -96,13 +99,21 @@
- + + + +
+ - +
- + - + +
+ + +
Buyer Persona No.1
End-to-End Project