3
0
mirror of https://git.coop/cotech/website.git synced 2025-12-17 20:47:32 +00:00
Files
cotech-website/index.html
Chris Lowis 631c9a4fe6 Typography defaults
I've translated the two font sizes shown in Figma[1] to a responsive
scale using an online tool[2].

I've chosen a 70ch base measure as this seems to fit the designs based
on eyeballing them.

[1] https://www.figma.com/design/J0usguWJyGJSAqWSoozGos/Cotech--External-?node-id=2073-3627&t=H31i8C467gbX3TAJ-4
[2] https://websemantics.uk/tools/responsive-font-calculator/
2025-12-16 15:48:32 +00:00

89 lines
2.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
title: CoTech
layout: default
---
<section>
<h1>We're building a cooperative digital economy</h1>
<p class="large">CoTech is a UK-wide network of creative technology companies
fully owned and controlled by the people who do the work.</p>
<a href="#">Hire our coops</a>
<a href="#">Join the network</a>
</section>
<section>
<h2>Our services</h2>
<p class="intro">Between our member co-ops, we cover the full digital and creative
stack. From strategy and discovery through to build, hosting and
long-term support. We can even support organisational development,
particularly when it comes to democratic ownership and
decision-making.</p>
<div>
<h3 class="title">Digital products & platforms</h3>
<ul>
<li>Websites & web apps (WordPress, Drupal, Webflow, custom)</li>
<li>CMS / CRM design and development</li>
<li>E-commerce</li>
<li>Complex data integrations</li>
<li>Learning platforms</li>
<li>Custom AI applications</li>
<li>Data visualisation</li>
<li>Cloud hosting</li>
</ul>
</div>
<div>
<h3 class="title">Design & content</h3>
<ul>
<li>User research & testing</li>
<li>Design sprints & discovery</li>
<li>Accessibility & usability training</li>
<li>Branding & graphic design</li>
<li>Film & animation</li>
<li>Game design</li>
<li>Print production</li>
</ul>
</div>
<div>
<h3 class="title">Marketing & comms</h3>
<ul>
<li>Digital strategy & campaigns</li>
<li>Copywriting</li>
<li>Social media marketing</li>
<li>Search engine optimisation (SEO)</li>
<li>Generative engine optimisation (GEO)</li>
<li>Analytics & analysis</li>
</ul>
</div>
<div>
<h3 class="title">Coop & organisational development</h3>
<ul>
<li>Cooperative Development</li>
<li>Facilitation</li>
<li>Sociocracy Training</li>
<li>Service Design</li>
</ul>
</div>
</section>
<section id="members">
<h2>Our members</h2>
<p class="intro">Meet the coops behind CoTech</p>
<div>
{% for coop in site.coops %}
<a href="{{ coop.url | relative_url }}">
<div>
<img class="greyscale" src="/images/coops/{{ coop.logo }}" alt="{{ coop.name }}" />
</div>
</a>
{% endfor %}
</div>
</section>