BYU Calendar
Stylebook.

An independent student project that makes campus easier to discover. A bold editorial hierarchy meets a practical calendar, with category colors that help people find their place.

Visual identity / 02Edition 01 · 2026
BYU Calendar hollow-outline Y markStudent Project · Campus Events

A mark with
character.

The hollow Y is the current website mark. The solid blue Y is used for favicons and app icons; both stand alone, without a tile.

Hollow Y - website header
Hollow Y - website header
Solid blue Y - favicon and app icons
Solid blue Y - favicon and app icons
Download logo ↓Download app icon ↓

Current artwork · SVG

The identity in use

BYU Calendar social artwork with bold type and a colorful calendar illustration
Current social artwork - the calendar, in brand colors.
BYU Calendar weekly view with its hollow Y header, category colors, and event cards
The live weekly calendar. Captured September 29, 2026.

Color, with
purpose.

Exact values from the identity. Select a swatch to copy its HEX code. Pair color with readable labels and choose text colors with sufficient contrast.

Palette, by rough share of the page

Core

The category system

Reserved

Every word,
considered.

A deliberate hierarchy, from the first headline to the smallest label. The specimens use each brand’s actual typefaces.

Primary voice / Archivo

Find your next event.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz · 0123456789

Archivo

500–900

Aa

Find your next event.

Roboto

400 / 500 / 700

Aa

Discover campus events with smart search, filters, and calendar export.

Roboto Mono

400–700

Aa

CAMPUS LIFE / THIS WEEK / MOUNTAIN TIME

A system
in use.

Actions, labels, and surfaces working together. These are visual specimens of the interface language.

BYU Calendar / Interface study

Find your next event.

Inviting, useful, direct. Write for a busy student deciding what to do next.

Discover events ↗My calendar
Campus lifeAa / 01

Keep it
recognizable.

Inviting, useful, direct. Write for a busy student deciding what to do next.

  1. 01

    Keep color meaningful

    Blue is the primary action. Keep category tones, background tints, and marker colors consistent across calendar, list, and map views.

  2. 02

    Make the interface easy to scan

    Use solid borders for structure, dotted separators for secondary detail, and generous spacing around event information.

  3. 03

    State the relationship clearly

    Keep the independent-project disclaimer visible. BYU navy belongs to the arrival curtain; the working interface stays light.

Independent student project · Not an official BYU service.

Palette proportions follow the guide on Jarin.dev. The current Y marks and social artwork are verified against BYU Calendar’s own source files and live website, September 29, 2026.

View original on jarin.dev ↗
Back to project overviewAll stylebooks