Foundations

Typography

Arial is the primary typeface. Lato is the secondary and Source Sans 3 the alternative, for consistent branding across platforms.

Typefaces

Primary

Arial

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Secondary

Lato

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Alternative

Source Sans 3

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Type scale

The handbook defines four heading levels. These sizes are a recommended web starting point.

Heading 1 · 44Where biotech meets Greece

Heading 2 · 32Building the Greek bioeconomy

Heading 3 · 24Forum 2025

Heading 4 · 18Connecting founders, science and capital

Body · 16Body text is set in Arial at 16 px with a line height of 1.6. Keep line length near 60 to 70 characters and use Deep Blue or near-black ink for contrast.

CSS stack

font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;   /* primary */
font-family: Lato, Arial, sans-serif;                          /* secondary */
font-family: "Source Sans 3", Arial, sans-serif;               /* alternative */

Interface elements

For web pages, forms and dashboards.

Buttons

Primary Secondary

Primary on dark Secondary on dark

Badges

MemberForum 2025NewPendingClosed

Inputs

Full name

Organization

Stats

00Placeholder metric

Cards & callouts

Card title

Cards sit on white with a one-pixel Mist-gray border and a 10 px radius.

Callout. A Polynesian Blue rule on a pale surface for notes and guidance.