Oprill identity

Oprill, clearly expressed.

A small identity system for this website: a connected mark, a readable wordmark and a palette that gives ideas room to breathe.

Original Oprill symboloprill
Oprill symbol in white on inkoprillLight on dark
Oprill symbol in ink on paperoprillDark on light

Give the mark space.

The original Oprill symbol uses an open circular form and a square to suggest a new piece of context. Use the supplied vector artwork without stretching, rotating or adding effects.

Leave at least one square-width of clear space around the symbol. Place it on a quiet background and keep it large enough for the opening and square to remain distinct. The downloadable artwork contains the symbol, not a third-party logo.

Space is part of the mark.

The corner square defines one unit. Keep at least that much clear space around every edge.

For this website, use the symbol at 24 pixels or larger. Check the opening and detached square at the final display size.

Download original mark (SVG)
Oprill mark surrounded by one corner-square width of clear space
1 unit = the corner square
Original Oprill icon at display size
Oprill icon at 24 pixels24 px minimum on this website

The symbol on its own.

Use the original icon where a full wordmark would become too small. Preserve its proportions, opening and detached square, with the same clear-space rule.

Download the standalone icon (SVG) ↓

Keep identity separate from endorsement.

The mark identifies this website. It must not imply a customer relationship, certification or provider partnership. These visual instructions do not grant third-party rights or claim a registered trademark.

VioletBrand and selection--accent
Pale violetIllustration field--accent-soft
ApricotIllustration field--apricot
InkPrimary text--ink
PaperReading canvas--paper

Use color with a purpose.

Paper and ink carry the reading experience. Violet identifies Oprill and selected emphasis. Apricot and pale violet belong to explanatory illustrations and large visual fields.

Keep body text in a high-contrast color. Do not use the brand mark as a certification badge, imply a commercial partnership or combine it with an unsupported customer endorsement.

Inter

Good context.
Clear thinking.

400

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &?!

500

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &?!

600

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &?!

Self-hosted · SIL Open Font License

Let typography do the explaining.

The website uses Inter for English text. Headlines are short, sentence case and focused on a concrete idea. Body copy explains the consequence of a choice without relying on superlatives.

Inter is distributed under the SIL Open Font License; its license is included with this project’s font files. The mark download contains vector paths and requires no font installation.

When Inter is unavailable.

The website falls back to the browser’s default sans-serif font. Its appearance depends on the operating system; preserve the hierarchy and check line breaks before sharing an exported document.

The supplied SVG symbol does not rely on either typeface.

Default sans

Clear context.
Considered decisions.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &?!