TECHNIVO.
The Technivo design system

Typography

The Technivo style guide. These examples use the same headings, article styles, colors, and controls as the rest of the publication.

01 / Heading hierarchy

H1 — Primary Display Heading

H2 — Section Heading

H3 — Article Heading

H4 — Supporting Heading

H5 — Detail Heading
H6 — Small Heading

02 / Reading

Body Large — A little more context for a connected world.

Body Regular — Technology, software, AI and digital innovation, explained clearly.

Body Small — Useful supporting information, with room to breathe.

Lead paragraph — Clear explanations begin with a straightforward idea and give readers a reason to explore.

Article paragraph — Technology changes how we work, create, and communicate. Our article typography balances comfortable line lengths with generous spacing so readers can focus on the ideas. This paragraph inherits the global article body style.

Explore the journal — an inline link

Less noise. More understanding.

Technivo’s editorial purpose

03 / Lists and details

Ordered list

  1. Start with a clear question.
  2. Check the evidence.
  3. Explain what matters.

Unordered list

  • Accessible explanations
  • Practical guidance
  • Thoughtful reviews
A supporting figure or illustration
Caption — Context beneath an article figure.
Label — Search the publication
04 / Actions

Primary button Secondary button


05 / Technical content

Code and inline code

Use const topic = 'Technology'; when discussing a short code example.

const publication = {


  name: 'Technivo',


  purpose: 'Technology, explained clearly'


};

Table styling

Example editorial formats
FormatPurpose
How-ToClear, practical steps
ReviewContext for a considered choice
ExplainerMake a complex idea understandable