Typography
The Technivo style guide. These examples use the same headings, article styles, colors, and controls as the rest of the publication.
01 / Heading hierarchyH1 — 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
- Start with a clear question.
- Check the evidence.
- Explain what matters.
Unordered list
- Accessible explanations
- Practical guidance
- Thoughtful reviews
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
| Format | Purpose |
|---|---|
| How-To | Clear, practical steps |
| Review | Context for a considered choice |
| Explainer | Make a complex idea understandable |