CeSIA
fr | en

Brand

Guidelines for using the CeSIA name, logo, colors, and visual elements.

Lockup

The full logo combines the mark with the wordmark. Use it wherever space allows.

CeSIA lockup, color
SVG | PNG
https://cesia.org/static/brand/lockup_color_20260323.22b8430d9c20.svg https://cesia.org/static/brand/lockup_color_20260323.e820077bd8e2.png
CeSIA lockup, white
SVG | PNG
https://cesia.org/static/brand/lockup_white_20260323.aba648bbe23d.svg https://cesia.org/static/brand/lockup_white_20260323.c985373174d6.png

Mark

The logomark can be used standalone as an icon or avatar. Do not alter, rotate, or recolor beyond the provided variants.

CeSIA mark, color
SVG | PNG
https://cesia.org/static/brand/mark_color_20260323.6922040b674e.svg https://cesia.org/static/brand/mark_color_20260323.4f947791726d.png
CeSIA mark, white
SVG | PNG
https://cesia.org/static/brand/mark_white_20260323.281e5204be32.svg https://cesia.org/static/brand/mark_white_20260323.4aa9b405f55f.png

Colors

The brand palette is built around deep navy and bright blue accents.

Primary

Neutrals

White

Typography

Two typefaces create hierarchy across the site.

Display — Varela

Aa Bb Cc 123

Used for headings. Available on Google Fonts.

Body — DM Sans

Aa Bb Cc 123

Variable weight (400-700), used for body text and UI. Available on Google Fonts.

Display — 30px / Varela

Centre pour la Securite de l'IA

Heading — 24px / Varela

Section heading

Body — 16px / DM Sans 400

Body text uses DM Sans at regular weight with relaxed leading for comfortable reading.

Small — 14px / DM Sans 400

Small text for captions, labels, and metadata.

Visual style

Clean, professional, and institutional. White backgrounds with navy accents. Content-first layout with generous whitespace.

Whitespace

Generous padding and vertical rhythm separate sections. Let space establish hierarchy before adding visual dividers.

Sharp edges

All elements use sharp corners — buttons, cards, inputs, headers. No border-radius anywhere.

Borders

Warm beige borders #e5e1db separate sections rather than drop shadows.

Dark sections

Deep navy #011f54 for footer and emphasis areas. White text at varying opacities.