StickyBeat


<p class="has-large-font-size">In collaboration with Coompanion, we&#8217;ve developed a unique tool for a brighter future. Framtidskraft empowers individuals to boost their local energy efforts and strengthen their communities. This tool allows anyone to plan and envision creating an energy community with their neighbors.</p>



<div class="wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image size-full mx-auto w-fit"><img loading="lazy" decoding="async" width="836" height="516" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/05/MOCKUP-1-1-1.jpg" alt="" class="wp-image-5425" srcset="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/05/MOCKUP-1-1-1.jpg 836w, https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/05/MOCKUP-1-1-1-600x370.jpg 600w, https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/05/MOCKUP-1-1-1-768x474.jpg 768w" sizes="auto, (max-width: 836px) 100vw, 836px" /></figure>



<div style="height:200px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center has-large-font-size">Visual identity</h2>



<p class="has-text-align-center mx-auto has-large-font-size">We have developed the visual identity for Framtidskraft, ensuring it reflects their mission and values. The design captures the essence of innovation and forward-thinking, providing a strong foundation for their brand.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns mx-auto is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="720" height="185" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/05/Logo-1.jpg" alt="" class="wp-image-5427" style="width:619px;height:auto" srcset="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/05/Logo-1.jpg 720w, https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/05/Logo-1-600x154.jpg 600w" sizes="auto, (max-width: 720px) 100vw, 720px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="720" height="185" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/05/Logo-2.jpg" alt="" class="wp-image-5428" style="width:622px;height:auto" srcset="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/05/Logo-2.jpg 720w, https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/05/Logo-2-600x154.jpg 600w" sizes="auto, (max-width: 720px) 100vw, 720px" /></figure>
</div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
    .columnContainer {
        column-count: 8;
        column-gap: "0px";
    }
</style>

<div>
    <div class="columnContainer">
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Group-79.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Group-80.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Group-78.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Group-85.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Group-83.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Group-81.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Group-84.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Group-82.png" alt="" />
            </div>
            </div>
</div>


<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
    .columnContainer {
        column-count: 3;
        column-gap: "0px";
    }
</style>

<div>
    <div class="columnContainer">
            </div>
</div>


<style>
    .columnContainer {
        column-count: 7;
        column-gap: "0px";
    }
</style>

<div>
    <div class="columnContainer">
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Icon-solcell.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Markor.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Markor-1.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Markor-2.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Bilpool-2.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Bilpool-1.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Bilpool.png" alt="" />
            </div>
            </div>
</div>


<div style="height:150px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<style>
    .columnContainer {
        column-count: 8;
        column-gap: "0px";
    }
</style>

<div>
    <div class="columnContainer">
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Solcell.svg" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Vattenkraft.svg" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Vindkraft.svg" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Odling.svg" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Car-charger.svg" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Teamwork.svg" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Biogas.svg" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Battery.svg" alt="" />
            </div>
            </div>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="671" height="771" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Frame-345-1.png" alt="" class="wp-image-3652" srcset="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Frame-345-1.png 671w, https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Frame-345-1-522x600.png 522w" sizes="auto, (max-width: 671px) 100vw, 671px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading has-medium-font-size">About the tool</h2>



<p class="has-large-font-size">Framtidskraft is an interactive tool designed to help individuals and organizations navigate the path to a sustainable future. Whether you&#8217;re exploring how to live more sustainably or seeking ways to innovate within your community, Framtidskraft offers customized recommendations and a wealth of knowledge to support your journey towards a more resilient and impactful future.</p>
</div>
</div>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
    .grid {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-gap: 1rem;
    }

    .flex {
        display: flex;
        flex-direction: row;
        gap: 1rem;
        align-items: center;

    }
</style>
<div>
    <div class="flex">
                    <div style="width: 600px; px;">
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Kartvy-2.0-1-scaled.jpg" alt="" />
            </div>
                    <div style="width: 600px; px;">
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Kartvy-2.0-5-scaled.jpg" alt="" />
            </div>
                    <div style="width: 600px; px;">
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/hgrui-scaled.jpg" alt="" />
            </div>
                    <div style="width: 600px; px;">
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Kartvy-2.0-2-scaled.jpg" alt="" />
            </div>
            </div>
    <div class="flex">
                    <div style="width: 600px; px;">
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/re-scaled.jpg" alt="" />
            </div>
                    <div style="width: 600px; px;">
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Kartvy-2.0-6-scaled.jpg" alt="" />
            </div>
                    <div style="width: 600px; px;">
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Kartvy-2.0-3-scaled.jpg" alt="" />
            </div>
                    <div style="width: 600px; px;">
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Kartvy-2.0-7-scaled.jpg" alt="" />
            </div>
            </div>
</div>


<div style="height:150px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-large-font-size">Interactive map</h2>



<p class="has-large-font-size">Our mapping tool in Framtidskraft offers a range of features to enhance your project’s planning and community engagement. </p>



<div>
    text list
</div>


<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-video"><video controls src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/05/Comp-1_10.mp4"></video></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading has-large-font-size">Bring Your Ideas to Life</h2>



<p class="has-large-font-size">Once you&#8217;re done visualizing your ideas, you receive a clear one-page summary designed to help you present your vision to your neighbors. This concise overview makes it easy to share your ideas and inspire others to join you. It’s the perfect way to get everyone on board and start building your community together.<br><br></p>
</div>
</div>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
</div>



<style>
    .grid {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-gap: 1rem;
    }

    .flex {
        display: flex;
        flex-direction: row;
        gap: 1rem;
        align-items: center;

    }
</style>
<div>
    <div class="flex">
                    <div style="width: 600px; px;">
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Img-banner-1.png" alt="" />
            </div>
                    <div style="width: 600px; px;">
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Desktop-5-2.png" alt="" />
            </div>
                    <div style="width: 600px; px;">
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Desktop-3-2.png" alt="" />
            </div>
            </div>
    <div class="flex">
                    <div style="width: 600px; px;">
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Desktop-4-2.png" alt="" />
            </div>
                    <div style="width: 600px; px;">
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Img-banner.png" alt="" />
            </div>
                    <div style="width: 600px; px;">
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Desktop-2-2.png" alt="" />
            </div>
            </div>
</div>


<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<blockquote class="wp-block-quote has-text-align-center has-text-color has-link-color wp-elements-8de06bcadfd662878349edb1b5b3814d is-layout-flow wp-block-quote-is-layout-flow" style="color:#4050fe">
<p class="has-text-color has-link-color has-large-font-size wp-elements-527b9a2060ad61858ee59665ecdb8f78" style="color:#4050fe">Framtidskraft gave me the clarity and tools I needed to take real steps towards a more sustainable lifestyle. </p>
<cite>Feedback from user</cite></blockquote>



<style>
    .columnContainer {
        column-count: 4;
        column-gap: "0px";
    }
</style>

<div>
    <div class="columnContainer">
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Frame-340.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Frame-344.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Frame-341.png" alt="" />
            </div>
                    <div>
                                <img decoding="async" src="https://stickywebbadmin.stickysites.net/wp-content/uploads/2024/09/Frame-343.png" alt="" />
            </div>
            </div>
</div></div>



<div>
    creation client info
</div>

In collaboration with Coompanion, we've developed a unique tool for a brighter future. Framtidskraft empowers individuals to boost their local energy efforts and strengthen their communities. This tool allows anyone to plan and envision creating an energy community with their neighbors.

core/paragraph

core/image

core/spacer

core/heading

We have developed the visual identity for Framtidskraft, ensuring it reflects their mission and values. The design captures the essence of innovation and forward-thinking, providing a strong foundation for their brand.

core/column

core/columns

acf/image-grid

core/group

Framtidskraft is an interactive tool designed to help individuals and organizations navigate the path to a sustainable future. Whether you're exploring how to live more sustainably or seeking ways to innovate within your community, Framtidskraft offers customized recommendations and a wealth of knowledge to support your journey towards a more resilient and impactful future.

acf/scrolling-image-gallery

Our mapping tool in Framtidskraft offers a range of features to enhance your project’s planning and community engagement. 

acf/text-list

Framtidskraft gave me the clarity and tools I needed to take real steps towards a more sustainable lifestyle. 