Insights: Cyrius Bytes

Sign up to our e-newsletter for industry updates, resources, advice, freebies and more!

Sign up for Cyrius Bytes

Guide

Global, repeatable CSS patterns and modules.

Inter

Body copy. General paragraphs and content areas.

Helvetica Neue

Headings. H1–H4 sizes.

Source Serif 4

Used sparingly to highlight links and focus words.

Neon gradient. Blue to pink via turquoise.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 1 with highlight

Heading 2 with highlight

Heading 3 with highlight

Heading 4 with highlight

Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci, ut. Dolores consequuntur voluptas distinctio obcaecati reprehenderit aspernatur commodi molestias, et tempora. Neque officiis placeat, adipisci corrupti laborum commodi culpa alias?

Small text

Counter example with any number

Project uno

Dolores consequuntur voluptas distinctio obcaecati reprehenderit aspernatur commodi molestias, et tempora.