press kit and media kit #46
BIN
content/contact/images/contact.jpg
Normal file
BIN
content/contact/images/contact.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
@ -32,6 +32,7 @@ extra:
|
||||
|
||||
<a onclick="window.open('https://ourphone.ourworld.tf/', '_blank')"><h6>OurPhone</h6></a>
|
||||
|
||||
<a onclick="window.open('/presskit', '_blank')"><h6>Press Kit</h6></a>
|
||||
|
||||
|
||||
|||
|
||||
@ -57,4 +58,3 @@ cursor: pointer;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: "About"
|
||||
title: "Media Kits"
|
||||
description: ""
|
||||
date: 2018-09-14
|
||||
updated: 2021-02-20
|
||||
|
||||
9
content/presskit/index.md
Normal file
9
content/presskit/index.md
Normal file
@ -0,0 +1,9 @@
|
||||
---
|
||||
title: "Press Kit"
|
||||
description: ""
|
||||
date: 2018-09-14
|
||||
updated: 2021-02-20
|
||||
draft: false
|
||||
weight: 2
|
||||
template: "layouts/presskit.html"
|
||||
---
|
||||
BIN
static/images/contact.jpg
Normal file
BIN
static/images/contact.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
BIN
static/images/download/cerco.zip
Normal file
BIN
static/images/download/cerco.zip
Normal file
Binary file not shown.
BIN
static/images/download/helvetica.zip
Normal file
BIN
static/images/download/helvetica.zip
Normal file
Binary file not shown.
BIN
static/images/people/florian-fournier/florian_fournier.jpeg
Normal file
BIN
static/images/people/florian-fournier/florian_fournier.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 241 KiB |
13
templates/layouts/presskit.html
Normal file
13
templates/layouts/presskit.html
Normal file
@ -0,0 +1,13 @@
|
||||
{% extends "_default/base.html" %}
|
||||
{% block content %}
|
||||
|
||||
<div>
|
||||
{% set page = get_page(path="presskit/index.md") %}
|
||||
{{page.content | safe}}
|
||||
</div>
|
||||
|
||||
{% include "partials/press_hero.html" %}
|
||||
{% include "partials/press_content.html" %}
|
||||
{% include "partials/quote.html" %}
|
||||
|
||||
{% endblock content %}
|
||||
@ -8,11 +8,11 @@
|
||||
<div class="mx-auto max-w-2xl lg:mx-0">
|
||||
<h2 class="text-base font-semibold leading-8 text-indigo-400">ABOUT</h2>
|
||||
<p class="mt-2 text-2xl font-bold tracking-tight text-white sm:text-4xl">Enabling an interconnected ecosystem to enhance human intelligence through collaboration.</p>
|
||||
<p class="mt-8 text-base font-light lg:text-xl"><b>OurWorld</b> is a venture creator, dedicated to empowering startups with the resources and support they need to revolutionize the future.</p>
|
||||
<p class="mt-8 text-lg lg:text-xl font-light leading-tight text-white"><b>OurWorld</b> is a venture creator, dedicated to empowering startups with the resources and support they need to revolutionize the future.</p>
|
||||
</div>
|
||||
<dl class="mt-6 grid grid-cols-1 gap-8 sm:mt-16 sm:grid-cols-2 lg:grid-cols-2">
|
||||
<div class="flex flex-col-reverse px-6 py-2">
|
||||
<dt class="text-base leading-7 text-gray-300">Unlock unparalleled financial support for diverse, forward-thinking projects, focusing on cutting-edge technologies that benefit both the environment and society.</dt>
|
||||
<dt class="text-base lg:text-lg font-normal leading-tight text-white">Unlock unparalleled financial support for diverse, forward-thinking projects, focusing on cutting-edge technologies that benefit both the environment and society.</dt>
|
||||
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" />
|
||||
@ -22,7 +22,7 @@
|
||||
</dd>
|
||||
</div>
|
||||
<div class="flex flex-col-reverse px-6 py-2">
|
||||
<dt class="text-base leading-7 text-gray-300">Harness the power of our advanced interconnected technological ecosystem, designed to grant individuals, communities, and countries complete digital autonomy. This is the bedrock of innovation and growth.</dt>
|
||||
<dt class="text-base lg:text-lg font-normal leading-tight text-white">Harness the power of our advanced interconnected technological ecosystem, designed to grant individuals, communities, and countries complete digital autonomy. This is the bedrock of innovation and growth.</dt>
|
||||
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
|
||||
@ -31,7 +31,7 @@
|
||||
</dd>
|
||||
</div>
|
||||
<div class="flex flex-col-reverse px-6 py-2">
|
||||
<dt class="text-base leading-7 text-gray-300">Experience true independence with our integrated system offering legal and financial freedom. Through innovative structures like free zones, we create a fertile ground for your business to flourish.</dt>
|
||||
<dt class="text-base lg:text-lg font-normal leading-tight text-white">Experience true independence with our integrated system offering legal and financial freedom. Through innovative structures like free zones, we create a fertile ground for your business to flourish.</dt>
|
||||
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z" />
|
||||
@ -40,7 +40,7 @@
|
||||
</dd>
|
||||
</div>
|
||||
<div class="flex flex-col-reverse px-6 py-2">
|
||||
<dt class="text-base leading-7 text-gray-300">Benefit from our holistic infrastructure that supports financial, educational- tailored to ensure that every startup within our venture ecosystem can thrive and grow sustainably.</dt>
|
||||
<dt class="text-base lg:text-lg font-normal leading-tight text-white">Benefit from our holistic infrastructure that supports financial, educational- tailored to ensure that every startup within our venture ecosystem can thrive and grow sustainably.</dt>
|
||||
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<div class="mx-auto max-w-2xl text-center">
|
||||
<p class="text-base font-semibold leading-7 text-indigo-600">ABOUT</p>
|
||||
<h2 class="mt-2 text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">A Venture Creator</h2>
|
||||
<p class="mt-6 text-lg leading-8 text-gray-600">OurWorld is a venture creator – we create and develop new businesses, typically in the form of startups. We don't just fund individual ventures – we actively shape the architecture of our unique ecosystem. Support includes providing funding, resources, and mentorship.</p>
|
||||
<p class="mt-6 text-lg lg:text-xl font-light leading-8 text-gray-600">OurWorld is a venture creator – we create and develop new businesses, typically in the form of startups. We don't just fund individual ventures – we actively shape the architecture of our unique ecosystem. Support includes providing funding, resources, and mentorship.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -28,7 +28,7 @@
|
||||
</svg>
|
||||
<img src="/images/ow_white.png" alt="" class="h-12 w-auto">
|
||||
<blockquote class="mt-6 text-xl font-semibold leading-8 text-white">
|
||||
<p>“We need a human-centric Internet co-owned by all of us, as was intended from the start. One where everyone is equal, where everyone owns their own data, allowing human flourishing to thrive.”</p>
|
||||
<p>"We need a human-centric Internet co-owned by all of us, as was intended from the start. One where everyone is equal, where everyone owns their own data, allowing human flourishing to thrive."</p>
|
||||
</blockquote>
|
||||
<figcaption class="mt-6 text-sm leading-6 text-gray-300"><strong class="font-semibold text-white">Kristof De Spiegeleer,</strong> OurWorld Co-Founder & CEO</figcaption>
|
||||
</figure>
|
||||
@ -37,12 +37,12 @@
|
||||
<div>
|
||||
<div class="text-base leading-7 text-gray-700 lg:max-w-lg">
|
||||
<p class="text-base font-semibold leading-7 text-indigo-600">MISSION</p>
|
||||
<h1 class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Let's shape our future together</h1>
|
||||
<h1 class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Let's Shape Our Future Together</h1>
|
||||
<div class="max-w-xl">
|
||||
<p class="text-base font-light mt-6">OurWorld aims not just to do business, but to do good for the world while we’re at it. We are an international team of experts and passionate believers in a better world who choose to act to make a difference.</p>
|
||||
<p class="text-base font-light mt-8">This journey began with the creation of a new Internet infrastructure layer, a process that has taken over two decades – and was made possible by the contributions of thousands of people. Thank you to everyone who has made this possible.</p>
|
||||
<p class="text-base font-light mt-8">Some of our co-founders have experience running Incubaid, a successful incubator focused primarily on helping to change our planet for the better through technology that supports decentralization.</p>
|
||||
<p class="text-base font-light mt-8">Now in this stage, we are focused on paving the way for Augmented Collective Intelligence, as described by Abhishek Gupta: emergent intelligence from the effective collaboration of human and machine agents to solve shared problems where the whole is greater than the sum of its parts.</p>
|
||||
<p class="text-lg lg:text-xl font-light leading-8 text-gray-600 mt-6">OurWorld aims not just to do business, but to do good for the world while we're at it. We are an international team of experts and passionate believers in a better world who choose to act to make a difference.</p>
|
||||
<p class="text-lg lg:text-xl font-light leading-8 text-gray-600 mt-8">This journey began with the creation of a new Internet infrastructure layer, a process that has taken over two decades – and was made possible by the contributions of thousands of people. Thank you to everyone who has made this possible.</p>
|
||||
<p class="text-lg lg:text-xl font-light leading-8 text-gray-600 mt-8">Some of our co-founders have experience running Incubaid, a successful incubator focused primarily on helping to change our planet for the better through technology that supports decentralization.</p>
|
||||
<p class="text-lg lg:text-xl font-light leading-8 text-gray-600 mt-8">Now in this stage, we are focused on paving the way for Augmented Collective Intelligence, as described by Abhishek Gupta: emergent intelligence from the effective collaboration of human and machine agents to solve shared problems where the whole is greater than the sum of its parts.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -61,7 +61,7 @@
|
||||
<h1 class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Proven Success</h1>
|
||||
<div class="mt-10 grid max-w-xl grid-cols-1 gap-8 text-base leading-7 text-gray-700 lg:max-w-none lg:grid-cols-2">
|
||||
<div>
|
||||
<p class="font-light text-base">Incubaid's approach was very IT-centric – focusing on storage, automation and cloud. During this wave from 2000 till 2015, some of those companies defined parts of the cloud landscape, and are still being used actively today.</p>
|
||||
<p class="text-lg lg:text-xl font-light leading-8 text-gray-600">Incubaid's approach was very IT-centric – focusing on storage, automation and cloud. During this wave from 2000 till 2015, some of those companies defined parts of the cloud landscape, and are still being used actively today.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -75,4 +75,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
|
||||
<div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
<div class="mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2">
|
||||
<div class="mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2 gap-8">
|
||||
<!-- Left Column: Text Content and Form -->
|
||||
<div class="relative px-6 pb-20 pt-24 sm:pt-32 lg:static lg:px-8">
|
||||
<div class="mx-auto max-w-xl lg:mx-0 lg:max-w-lg">
|
||||
@ -34,6 +34,10 @@
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Right Column: Image -->
|
||||
<div class="relative flex items-center justify-center px-6 lg:px-8">
|
||||
<img src="/images/contact.jpg" alt="Contact" class="w-full h-auto rounded-xl shadow-lg object-cover">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
{%- set section = get_section(path="footer/_index.md") %}
|
||||
{%- set section = get_section(path="footer/_index.md") %}
|
||||
{%- set logoPath = section.extra.logoPath %}
|
||||
|
||||
<div class="border-t border-gray-200"></div>
|
||||
@ -20,11 +20,13 @@
|
||||
</div>
|
||||
<p data-v-14efe4a7="" class="text-base leading-6 text-gray-400 mb-4">
|
||||
© 2024 OurWorld Holdings, All rights reserved.
|
||||
<a target="_blank" href="https://docs.threefold.io/docs/legal/terms_and_conditions" class="leading-6 text-gray-500 hover:text-gray-900">Terms & Conditions |
|
||||
<a target="_blank" rel="noopener" href="https://docs.threefold.io/docs/legal/terms_and_conditions" class="leading-6 text-gray-500 hover:text-gray-900">Terms & Conditions |
|
||||
</a>
|
||||
<a target="_blank" href="https://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy |
|
||||
<a target="_blank" rel="noopener" href="https://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy |
|
||||
</a>
|
||||
<a target="_blank" href="/mediakit" class="leading-6 text-gray-500 hover:text-gray-900">Media Kit
|
||||
<a target="_blank" rel="noopener" href="/mediakit" class="leading-6 text-gray-500 hover:text-gray-900">Media Kit |
|
||||
</a>
|
||||
<a target="_blank" rel="noopener" href="/presskit" class="leading-6 text-gray-500 hover:text-gray-900">Press Kit
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<div class="bg-white py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-3xl lg:mx-0">
|
||||
<h2 class="text-4xl font-semibold tracking-tight text-pretty text-gray-900 lg:text-5xl">Logo and Brand Assets</h2>
|
||||
<p class="mt-6 text-lg lg:text-xl font-normal text-gray-600">All the assets and brand resources you need to share OurWorld with the world.</p>
|
||||
<h2 class="text-5xl font-semibold tracking-tight text-pretty text-gray-900 lg:text-6xl">Logo and Brand Assets</h2>
|
||||
<p class="mt-6 text-xl font-normal text-gray-600">All the assets and brand resources you need to share OurWorld with the world.</p>
|
||||
</div>
|
||||
<div class="mx-auto max-w-2xl lg:mx-0 mt-12">
|
||||
<h2 class="text-2xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-3xl">Black Versions (PNG & SVG)</h2>
|
||||
<div class="mx-auto max-w-2xl lg:mx-0 mt-16">
|
||||
<h2 class="text-4xl font-semibold tracking-tight text-pretty text-gray-900 lg:text-5xl">Black Versions (PNG & SVG)</h2>
|
||||
</div>
|
||||
<ul role="list" class="mx-auto mt-6 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3">
|
||||
<li class="flex flex-col">
|
||||
@ -13,7 +13,7 @@
|
||||
<img class="h-full w-full object-cover" src="/images/ICON.png" alt="">
|
||||
</div>
|
||||
<h3 class="mt-6 text-lg lg:text-xl font-semibold tracking-tight text-gray-900">OW_ICON_BLACK</h3>
|
||||
<a href="/images/download/ow_icon_black.zip" download class="text-base/7 text-gray-600 hover:underline">
|
||||
<a href="/images/download/ow_icon_black.zip" download class="text-base text-gray-600 font-semibold hover:underline">
|
||||
Download Now
|
||||
</a>
|
||||
</li>
|
||||
@ -22,7 +22,7 @@
|
||||
<img class="h-full w-full object-cover" src="/images/VERTICAL.png" alt="">
|
||||
</div>
|
||||
<h3 class="mt-6 text-lg lg:text-xl font-semibold tracking-tight text-gray-900">OW_LOGO_VERTICAL_BLACK</h3>
|
||||
<a href="/images/download/owh_logo_vertical_black.zip" download class="text-base/7 text-gray-600 hover:underline">
|
||||
<a href="/images/download/owh_logo_vertical_black.zip" download class="text-base text-gray-600 font-semibold hover:underline">
|
||||
Download Now
|
||||
</a>
|
||||
</li>
|
||||
@ -31,14 +31,14 @@
|
||||
<img class="h-full w-full object-cover" src="/images/HORIZONTAL.png" alt="">
|
||||
</div>
|
||||
<h3 class="mt-6 text-lg lg:text-xl font-semibold tracking-tight text-gray-900">OW_LOGO_HORIZONTAL_BLACK</h3>
|
||||
<a href="/images/download/owh_logo_horizontal_black.zip" download class="text-base/7 text-gray-600 hover:underline">
|
||||
<a href="/images/download/owh_logo_horizontal_black.zip" download class="text-base text-gray-600 font-semibold hover:underline">
|
||||
Download Now
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="mx-auto max-w-2xl lg:mx-0 mt-12">
|
||||
<h2 class="text-2xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-3xl">White Versions (PNG & SVG)</h2>
|
||||
<div class="mx-auto max-w-2xl lg:mx-0 mt-16">
|
||||
<h2 class="text-3xl font-semibold tracking-tight text-pretty text-gray-900 lg:text-4xl">White Versions (PNG & SVG)</h2>
|
||||
</div>
|
||||
<ul role="list" class="mx-auto mt-6 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3">
|
||||
<li class="flex flex-col">
|
||||
@ -46,7 +46,7 @@
|
||||
<img class="h-full w-full object-cover" src="/images/ICON_W.png" alt="">
|
||||
</div>
|
||||
<h3 class="mt-6 text-lg lg:text-xl font-semibold tracking-tight text-gray-900">OW_ICON_WHITE</h3>
|
||||
<a href="/images/download/ow_icon_white.zip" download class="text-base/7 text-gray-600 hover:underline">
|
||||
<a href="/images/download/ow_icon_white.zip" download class="text-base text-gray-600 font-semibold hover:underline">
|
||||
Download Now
|
||||
</a>
|
||||
</li>
|
||||
@ -55,7 +55,7 @@
|
||||
<img class="h-full w-full object-cover" src="/images/VERTICAL_W.png" alt="">
|
||||
</div>
|
||||
<h3 class="mt-6 text-lg lg:text-xl font-semibold tracking-tight text-gray-900">OW_LOGO_VERTICAL_WHITE</h3>
|
||||
<a href="/images/download/owh_logo_vertical_white.zip" download class="text-base/7 text-gray-600 hover:underline">
|
||||
<a href="/images/download/owh_logo_vertical_white.zip" download class="text-base text-gray-600 font-semibold hover:underline">
|
||||
Download Now
|
||||
</a>
|
||||
</li>
|
||||
@ -64,10 +64,211 @@
|
||||
<img class="h-full w-full object-cover" src="/images/HORIZONTAL_W.png" alt="">
|
||||
</div>
|
||||
<h3 class="mt-6 text-lg lg:text-xl font-semibold tracking-tight text-gray-900">OW_LOGO_HORIZONTAL_WHITE</h3>
|
||||
<a href="/images/download/owh_logo_horizontal_white.zip" download class="text-base/7 text-gray-600 hover:underline">
|
||||
<a href="/images/download/owh_logo_horizontal_white.zip" download class="text-base text-gray-600 font-semibold hover:underline">
|
||||
Download Now
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="mx-auto max-w-4xl lg:mx-0 mt-24">
|
||||
<h2 class="text-4xl font-semibold tracking-tight text-pretty text-gray-900 lg:text-5xl">Typography</h2>
|
||||
|
||||
<!-- Primary Font -->
|
||||
<div class="mt-12">
|
||||
<h3 class="lg:text-4xl text-3xl font-semibold tracking-tight text-gray-900">Primary Font: Helvetica <a href="/images/download/helvetica.zip" download class="text-base text-gray-600 hover:underline ml-2">Download Font</a></h3>
|
||||
<p class="mt-4 text-xl font-normal text-gray-600">The primary font used in OurWorld branding is Helvetica. It is a clean and modern sans-serif typeface used primarily for titles and subtitles that enhances readability and conveys a sense of professionalism.</p>
|
||||
<div class="bg-gray-100 rounded-lg p-6 mt-6">
|
||||
<p class="lg:text-4xl text-3xl font-bold text-black" style="font-family: Helvetica, sans-serif;">This is Helvetica Bold for Titles</p>
|
||||
</div>
|
||||
<div class="bg-gray-100 rounded-lg p-6 mt-4">
|
||||
<p class="lg:text-3xl text-2xl font-semibold text-black" style="font-family: Helvetica, sans-serif;">This is Helvetica Medium for Subtitles</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Secondary Font -->
|
||||
<div class="mt-12">
|
||||
<h3 class="lg:text-4xl text-3xl font-semibold tracking-tight text-gray-900">Secondary Font: Cercodemo <a href="/images/download/cero.zip" download class="text-base text-gray-600 hover:underline ml-2">Download Font</a></h3>
|
||||
<p class="mt-4 text-xl font-normal text-gray-600">The secondary font used in OurWorld branding is Cercodemo. It is a unique and stylish typeface used primarily for body texts and paragraphs that adds a touch of creativity to our designs.</p>
|
||||
<div class="bg-gray-100 rounded-lg p-6 mt-6">
|
||||
<p class="text-lg font-normal text-black">This is Cercodemo Regular for Body Text</p>
|
||||
</div>
|
||||
<div class="bg-gray-100 rounded-lg p-6 mt-4">
|
||||
<p class="text-base font-normal text-black">This is Cercodemo Light for Body Text</p>
|
||||
</div>
|
||||
<div class="bg-gray-100 rounded-lg p-6 mt-4">
|
||||
<p class="text-base font-normal text-black">This is Cercodemo Thin for Caption</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mx-auto max-w-4xl lg:mx-0 mt-24">
|
||||
<h2 class="text-4xl font-semibold tracking-tight text-pretty text-gray-900 lg:text-5xl">Color Palette</h2>
|
||||
<p class="mt-4 text-xl font-normal text-gray-600">The OurWorld brand uses a clean, modern color palette that conveys professionalism and innovation.</p>
|
||||
</div>
|
||||
<div class="mx-auto max-w-4xl lg:mx-0 mt-6">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-8">
|
||||
<!-- Primary Colors -->
|
||||
<div class="flex flex-col">
|
||||
<div class="h-32 bg-black rounded-t-lg"></div>
|
||||
<div class="bg-white p-6 rounded-b-lg border border-gray-200">
|
||||
<h3 class="text-lg font-semibold">Primary Black</h3>
|
||||
<p class="text-sm text-gray-600">HEX: #00000</p>
|
||||
<p class="text-sm text-gray-600">RGB: 17, 24, 39</p>
|
||||
<p class="text-sm text-gray-600">Class: bg-gray-900</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col">
|
||||
<div class="h-32 bg-white rounded-t-lg border border-gray-200"></div>
|
||||
<div class="bg-white p-6 rounded-b-lg border border-gray-200">
|
||||
<h3 class="text-lg font-semibold">Primary White</h3>
|
||||
<p class="text-sm text-gray-600">HEX: #FFFFFF</p>
|
||||
<p class="text-sm text-gray-600">RGB: 255, 255, 255</p>
|
||||
<p class="text-sm text-gray-600">Class: bg-white</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col">
|
||||
<div class="h-32 rounded-t-lg" style="background-color: #4B5563;"></div>
|
||||
<div class="bg-white p-6 rounded-b-lg border border-gray-200">
|
||||
<h3 class="text-lg font-semibold">Primary Gray</h3>
|
||||
<p class="text-sm text-gray-600">HEX: #4B5563</p>
|
||||
<p class="text-sm text-gray-600">RGB: 75, 85, 99</p>
|
||||
<p class="text-sm text-gray-600">Class: text-gray-600</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Secondary Colors -->
|
||||
<div class="flex flex-col">
|
||||
<div class="h-32 bg-gray-100 rounded-t-lg"></div>
|
||||
<div class="bg-white p-6 rounded-b-lg border border-gray-200">
|
||||
<h3 class="text-lg font-semibold">Light Gray</h3>
|
||||
<p class="text-sm text-gray-600">HEX: #F3F4F6</p>
|
||||
<p class="text-sm text-gray-600">RGB: 243, 244, 246</p>
|
||||
<p class="text-sm text-gray-600">Class: bg-gray-100</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col">
|
||||
<div class="h-32 bg-gray-300 rounded-t-lg"></div>
|
||||
<div class="bg-white p-6 rounded-b-lg border border-gray-200">
|
||||
<h3 class="text-lg font-semibold">Medium Gray</h3>
|
||||
<p class="text-sm text-gray-600">HEX: #D1D5DB</p>
|
||||
<p class="text-sm text-gray-600">RGB: 209, 213, 219</p>
|
||||
<p class="text-sm text-gray-600">Class: bg-gray-300</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col">
|
||||
<div class="h-32 rounded-t-lg" style="background-color: #8B5CF6;"></div>
|
||||
<div class="bg-white p-6 rounded-b-lg border border-gray-200">
|
||||
<h3 class="text-lg font-semibold">Purple</h3>
|
||||
<p class="text-sm text-gray-600">HEX: #8B5CF6</p>
|
||||
<p class="text-sm text-gray-600">RGB: 139, 92, 246</p>
|
||||
<p class="text-sm text-gray-600">Class: bg-purple-500</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Brand Guidelines -->
|
||||
<div class="mx-auto max-w-4xl lg:mx-0 mt-24">
|
||||
<h2 class="text-4xl font-semibold tracking-tight text-pretty text-gray-900 lg:text-5xl">Brand Guidelines</h2>
|
||||
<p class="mt-4 text-xl font-normal text-gray-600">Essential rules to maintain brand consistency across all platforms and materials.</p>
|
||||
</div>
|
||||
<div class="mx-auto max-w-4xl lg:mx-0 mt-6">
|
||||
<!-- Logo Spacing -->
|
||||
<h3 class="lg:text-3xl text-2xl font-semibold tracking-tight text-gray-900 mt-12">Logo Clear Space</h3>
|
||||
<p class="mt-4 text-xl font-normal text-gray-600">Always maintain minimum clear space around the logo to ensure visibility and impact. The clear space should be at least equal to the height of the 'O' in the logo.</p>
|
||||
|
||||
<!-- Minimum Size -->
|
||||
<h3 class="lg:text-3xl text-2xl font-semibold tracking-tight text-gray-900 mt-12">Minimum Size</h3>
|
||||
<p class="mt-4 text-xl font-normal text-gray-600">To maintain legibility, do not reproduce the logo smaller than:</p>
|
||||
<ul class="mt-3 text-base font-normal text-gray-600 list-disc list-inside">
|
||||
<li>Print: 0.75 inches (19mm) in height</li>
|
||||
<li>Digital: 30 pixels in height</li>
|
||||
</ul>
|
||||
|
||||
<!-- Logo Usage Examples -->
|
||||
<h3 class="lg:text-3xl text-2xl font-semibold tracking-tight text-gray-900 mt-12">Logo Usage Guidelines</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-6">
|
||||
<div class="bg-gray-100 p-6 rounded-lg">
|
||||
<h4 class="text-lg font-semibold text-green-600 mb-4">Do's</h4>
|
||||
<ul class="list-disc text-base list-inside text-gray-600">
|
||||
<li>Use approved color variations</li>
|
||||
<li>Maintain aspect ratio when scaling</li>
|
||||
<li>Ensure adequate contrast with backgrounds</li>
|
||||
<li>Use appropriate clear space</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gray-100 p-6 rounded-lg">
|
||||
<h4 class="text-lg font-semibold text-red-600 mb-4">Don'ts</h4>
|
||||
<ul class="list-disc text-base list-inside text-gray-600">
|
||||
<li>Don't alter the logo colors</li>
|
||||
<li>Don't distort or stretch the logo</li>
|
||||
<li>Don't add effects or shadows</li>
|
||||
<li>Don't place on busy backgrounds</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- File Format Guide -->
|
||||
<h3 class="lg:text-3xl text-2xl font-semibold tracking-tight text-gray-900 mt-12">File Format Guide</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-6">
|
||||
<div class="bg-gray-100 p-6 rounded-lg">
|
||||
<h4 class="text-lg font-semibold mb-4">SVG Format</h4>
|
||||
<p class="text-gray-600">Best for:</p>
|
||||
<ul class="list-disc list-inside text-gray-600">
|
||||
<li>Web usage</li>
|
||||
<li>Responsive design</li>
|
||||
<li>Large format printing</li>
|
||||
<li>Digital presentations</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gray-100 p-6 rounded-lg">
|
||||
<h4 class="text-lg font-semibold mb-4">PNG Format</h4>
|
||||
<p class="text-gray-600">Best for:</p>
|
||||
<ul class="list-disc list-inside text-gray-600">
|
||||
<li>Digital applications</li>
|
||||
<li>Social media</li>
|
||||
<li>Email signatures</li>
|
||||
<li>Microsoft Office documents</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Writing Guidelines -->
|
||||
<div class="mt-12">
|
||||
<h3 class="lg:text-3xl text-2xl font-semibold tracking-tight text-gray-900">Writing Guidelines</h3>
|
||||
<div class="bg-gray-100 p-6 rounded-lg mt-3">
|
||||
<ul class="list-disc list-inside text-gray-600">
|
||||
<li>Always capitalize the 'W' in OurWorld - never write it as 'Ourworld' or 'ourworld'</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Brand Voice -->
|
||||
<div class="mt-12">
|
||||
<h3 class="lg:text-3xl text-2xl font-semibold tracking-tight text-gray-900">Brand Voice</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mt-6">
|
||||
<div class="bg-gray-100 p-6 rounded-lg">
|
||||
<h4 class="text-lg font-semibold mb-2">Innovative</h4>
|
||||
<p class="text-gray-600">Forward-thinking and solution-oriented</p>
|
||||
</div>
|
||||
<div class="bg-gray-100 p-6 rounded-lg">
|
||||
<h4 class="text-lg font-semibold mb-2">Professional</h4>
|
||||
<p class="text-gray-600">Clear, concise, and authoritative</p>
|
||||
</div>
|
||||
<div class="bg-gray-100 p-6 rounded-lg">
|
||||
<h4 class="text-lg font-semibold mb-2">Approachable</h4>
|
||||
<p class="text-gray-600">Friendly and easy to understand</p>
|
||||
</div>
|
||||
<div class="bg-gray-100 p-6 rounded-lg">
|
||||
<h4 class="text-lg font-semibold mb-2">Authentic</h4>
|
||||
<p class="text-gray-600">Genuine and transparent</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
92
templates/partials/press_content.html
Normal file
92
templates/partials/press_content.html
Normal file
@ -0,0 +1,92 @@
|
||||
<div class="bg-white py-16">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-2xl lg:mx-0">
|
||||
<h2 class="text-base font-semibold leading-7 text-indigo-600">COMPANY OVERVIEW</h2>
|
||||
<p class="mt-4 text-lg lg:text-xl font-light leading-8 text-gray-600">OurWorld is a venture creator dedicated to empowering startups with the resources and support they need to revolutionize the future. We create and develop new businesses that contribute to a better world through technology, innovation, and sustainable practices.</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2 lg:grid-cols-3">
|
||||
<div class="bg-gray-50 p-6 rounded-lg">
|
||||
<dt class="text-sm font-semibold leading-6 text-gray-600">Founded</dt>
|
||||
<dd class="mt-2 text-3xl font-bold leading-10 tracking-tight text-gray-900">2022</dd>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-6 rounded-lg">
|
||||
<dt class="text-sm font-semibold leading-6 text-gray-600">Headquarters</dt>
|
||||
<dd class="mt-2 text-3xl font-bold leading-10 tracking-tight text-gray-900">Mauritius</dd>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-6 rounded-lg">
|
||||
<dt class="text-sm font-semibold leading-6 text-gray-600">Global Presence</dt>
|
||||
<dd class="mt-2 text-3xl font-bold leading-10 tracking-tight text-gray-900">Worldwide</dd>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mission Section -->
|
||||
<div class="mx-auto max-w-2xl lg:mx-0 mt-16">
|
||||
<h2 class="text-base font-semibold leading-7 text-indigo-600">OUR MISSION</h2>
|
||||
<p class="mt-6 text-lg lg:text-xl font-light leading-8 text-gray-600">We aim to create a human-centric Internet co-owned by all of us, as was intended from the start. One where everyone is equal, where everyone owns their own data, allowing human flourishing to thrive. Through our ventures and ecosystem, we're building a future where technology empowers people and drives innovation while prioritizing safety and autonomy.</p>
|
||||
</div>
|
||||
|
||||
<!-- Leadership Section -->
|
||||
<div class="mx-auto max-w-7xl mt-16">
|
||||
<h2 class="text-base font-semibold leading-7 text-indigo-600">LEADERSHIP</h2>
|
||||
<div class="mt-12 grid grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-2">
|
||||
<div class="relative bg-gray-50/80 p-8 rounded-2xl shadow-sm hover:shadow-lg transition-all duration-300">
|
||||
<div class="aspect-[4/3] overflow-hidden rounded-xl bg-white shadow-sm">
|
||||
<img src="/images/kds.png" alt="Kristof De Spiegeleer" class="w-full h-full object-cover">
|
||||
</div>
|
||||
<div class="mt-8">
|
||||
<h3 class="text-2xl font-semibold leading-8 text-gray-900">Kristof De Spiegeleer</h3>
|
||||
<p class="mt-2 text-lg font-medium text-indigo-600">Co-Founder & CEO</p>
|
||||
<p class="mt-6 text-base leading-7 text-gray-600">Serial entrepreneur with 30 years of experience in Internet and cloud technologies. With over $600M in successful exits, Kristof brings extensive expertise in building and scaling innovative technology companies.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative bg-gray-50/80 p-8 rounded-2xl shadow-sm hover:shadow-lg transition-all duration-300">
|
||||
<div class="aspect-[4/3] overflow-hidden rounded-xl bg-white shadow-sm">
|
||||
<img src="/images/people/florian-fournier/florian_fournier.jpeg" alt="Florian Fournier" class="w-full h-full object-cover">
|
||||
</div>
|
||||
<div class="mt-8">
|
||||
<h3 class="text-2xl font-semibold leading-8 text-gray-900">Florian Fournier</h3>
|
||||
<p class="mt-2 text-lg font-medium text-indigo-600">Co-Founder</p>
|
||||
<p class="mt-6 text-base leading-7 text-gray-600">Experienced social entrepreneur and marketing executive with an extensive network in the US and Latin America. Florian brings valuable expertise in sustainable business development and social impact initiatives.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Key Initiatives -->
|
||||
<div class="mx-auto max-w-2xl lg:mx-0 mt-16">
|
||||
<h2 class="text-base font-semibold leading-7 text-indigo-600">KEY INITIATIVES</h2>
|
||||
<div class="mt-10 grid grid-cols-1 gap-8 sm:grid-cols-2">
|
||||
<div class="bg-gray-50 p-6 rounded-lg">
|
||||
<h3 class="text-lg font-semibold text-gray-900">Technological Empowerment</h3>
|
||||
<p class="mt-4 text-lg lg:text-xl font-light leading-8 text-gray-600">Our advanced interconnected technological ecosystem is designed to grant individuals, communities, and countries complete digital autonomy.</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-6 rounded-lg">
|
||||
<h3 class="text-lg font-semibold text-gray-900">Legal & Financial Autonomy</h3>
|
||||
<p class="mt-4 text-lg lg:text-xl font-light leading-8 text-gray-600">Through innovative structures like free zones, we create a fertile ground for businesses to flourish with true independence.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Media Assets -->
|
||||
<div class="mx-auto max-w-2xl lg:mx-0 mt-16">
|
||||
<h2 class="text-base font-semibold leading-7 text-indigo-600">MEDIA ASSETS</h2>
|
||||
<p class="mt-6 text-lg lg:text-xl font-light leading-8 text-gray-600">Access our comprehensive media kit for logos, brand guidelines, and visual assets.</p>
|
||||
<div class="mt-10">
|
||||
<a href="/mediakit" class="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">View Media Kit</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Press Contact -->
|
||||
<div class="mx-auto max-w-2xl lg:mx-0 mt-16">
|
||||
<h2 class="text-base font-semibold leading-7 text-indigo-600">PRESS CONTACT</h2>
|
||||
<div class="mt-6 text-lg lg:text-xl font-light leading-8 text-gray-600">
|
||||
<p>For press inquiries, please contact:</p>
|
||||
<p class="mt-2">
|
||||
<a href="mailto:info@ourworld.tf" class="text-indigo-600 hover:text-indigo-500">press@ourworld.tf</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
7
templates/partials/press_hero.html
Normal file
7
templates/partials/press_hero.html
Normal file
@ -0,0 +1,7 @@
|
||||
<div class="bg-white py-24 sm:py-32">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-3xl lg:mx-0">
|
||||
<h1 class="text-5xl font-semibold tracking-tight text-pretty text-gray-900 lg:text-6xl">Press Kit</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -7,7 +7,7 @@
|
||||
<div class="mx-auto max-w-2xl lg:mx-0 lg:max-w-xl">
|
||||
<h2 class="text-base font-semibold leading-8 text-indigo-400">MILESTONES</h2>
|
||||
<p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">Our Development Journey</p>
|
||||
<p class="mt-6 text-lg leading-8 text-gray-300">Transform the future – join a revolutionary journey towards a decentralized digital world driven by collaboration and collective intelligence.</p>
|
||||
<p class="mt-6 text-lg lg:text-xl font-light leading-tight text-white">Transform the future – join a revolutionary journey towards a decentralized digital world driven by collaboration and collective intelligence.</p>
|
||||
</div>
|
||||
<dl class="mx-auto mt-6 grid max-w-7xl grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-x-8 gap-y-10 text-white sm:mt-20 sm:gap-y-16 lg:mx-0 lg:max-w-none">
|
||||
<div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user