3
0
mirror of https://git.coop/cotech/website.git synced 2025-12-21 17:47:32 +00:00

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/
This commit is contained in:
Chris Lowis
2025-12-15 11:43:09 +00:00
parent d5ee34dba9
commit 631c9a4fe6
2 changed files with 110 additions and 15 deletions

View File

@ -6,7 +6,7 @@ layout: default
<section>
<h1>We're building a cooperative digital economy</h1>
<p>CoTech is a UK-wide network of creative technology companies
<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>
@ -16,14 +16,14 @@ layout: default
<section>
<h2>Our services</h2>
<p>Between our member co-ops, we cover the full digital and creative
<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>Digital products & platforms</h3>
<h3 class="title">Digital products & platforms</h3>
<ul>
<li>Websites & web apps (WordPress, Drupal, Webflow, custom)</li>
<li>CMS / CRM design and development</li>
@ -37,7 +37,7 @@ layout: default
</div>
<div>
<h3>Design & content</h3>
<h3 class="title">Design & content</h3>
<ul>
<li>User research & testing</li>
<li>Design sprints & discovery</li>
@ -50,7 +50,7 @@ layout: default
</div>
<div>
<h3>Marketing & comms</h3>
<h3 class="title">Marketing & comms</h3>
<ul>
<li>Digital strategy & campaigns</li>
<li>Copywriting</li>
@ -62,7 +62,7 @@ layout: default
</div>
<div>
<h3>Coop & organisational development</h3>
<h3 class="title">Coop & organisational development</h3>
<ul>
<li>Cooperative Development</li>
<li>Facilitation</li>
@ -74,7 +74,7 @@ layout: default
<section id="members">
<h2>Our members</h2>
<p>Meet the coops behind CoTech</p>
<p class="intro">Meet the coops behind CoTech</p>
<div>
{% for coop in site.coops %}