Brand Guidelines

Brand Guidelinesv1.0 · 2026
ULTRAschool
Untangle Learning Through Realtime Application — an IB micro-school, learning through the city, one child at a time.
01
Rise

Four learners, four different heights — each rising at their own pace, held by one continuous line of support underneath.

Rise replaces the old paper-doll figures with a symbol built for a micro-school: small cohorts, an evolving curriculum, and close attention to every child's health and development. The supporting arc stands for the 1:5 ratio and whole-child care beneath every child's growth. It reads clearly at a glance and scales from a favicon to a campus sign.

02

Primary logo

ULTRAschool

Default lockup for headers, letterheads, and any single-line use.

03

Lockups

STACKED
ULTRAschool
APP MARK · DARK
02-web/android-chrome-512.png
APP MARK · LIGHT
03-app-icons/ios-app-icon-light-1024.png
04

Circle badge

ULTRAschool

A modern echo of the original ring format — for stamps, embossing, social profile photos, and merchandise. Ink background keeps the four colors from competing with a busy backdrop.

05

Clear space & minimum size

CLEAR SPACE = ICON HEIGHT (X)
ULTRAschool
Icon-only minimum: 20px (favicon)
Full lockup minimum width: 160px

Never crowd the mark — keep space equal to the icon's own height on every side.

06

Color

Four learner colors carried forward from the original mark, on a single neutral ink for text and structure.

Sky
#2BB8EE
Amber
#FFC83A
Coral
#F75A5A
Leaf
#2FCB7E
Ink 900
#2E353D · wordmark, icon on light
Ink 500
#737C85 · "school"
Ink 300
#9097A0 · tagline, meta
07

Typography

ULTRAOutfit · Extrabold 800 · brand name, headings
schoolOutfit · Regular 400 · secondary word, UI labels
Small cohorts, close attention, the city as classroom.Outfit · Medium 500 · body copy
08

Monochrome & reversed

ULTRAschool
ULTRAschool

Use single-color for print stamping, embossing, or one-color merchandise. Use reversed white on any dark or fully-saturated background.

09

Incorrect usage

ULTRA
Don't stretch or distort
ULTRA
Don't place on clashing color
ULTRA
Don't recolor the icon
ULTRA
Don't crowd the clear space
10

Asset files

00-icon-vector/
rise-icon.svg — full color
rise-icon-mono.svg — single ink
rise-icon-white.svg — reversed

Scales losslessly — use for signage, vinyl, embroidery.

01-logo-lockups/
ultra-school-horizontal-light.png
ultra-school-horizontal-dark.png
ultra-school-stacked-light.png
ultra-school-stacked-dark.png
ultra-school-badge.png
02-web/
favicon-16.png · -32.png · -48.png
apple-touch-icon-180.png
android-chrome-192.png · -512.png
og-image-1200x630.png — link preview
03-app-icons/ & 04-social/
ios-app-icon-1024.png — ink bg
ios-app-icon-light-1024.png — white bg
android-app-icon-512-maskable.png
android-app-icon-light-512-maskable.png
profile-icon-800.png — round avatar
05-transparent/
rise-icon-color-transparent-1024.png · -512.png
rise-icon-white-transparent-512.png
ultra-school-horizontal-inktext-transparent.png
ultra-school-horizontal-whitetext-transparent.png
ultra-school-stacked-inktext-transparent.png
ultra-school-stacked-whitetext-transparent.png

True alpha, no background. Use over photos, colored surfaces, decks and merch — ink text on light grounds, white text on dark.