EdCity · Branding

Design Studies

One direction, three expressions — calm momentum, connected paths, curious intelligence. Each option has its own palette and a layout study built on the same product story, so the three can be compared side by side. Blue and green run through all three.

github.com/edcity-ericwu/edcity-branding

Compare board A 3×3 board — moodboard → palette → study down each option, jump sideways to compare the same stage across A/B/C. Drag, scroll, or use arrow keys. new
Option A Calm Momentum · Slate, Sky & First Light calm · dawn · stepwise
Palette Built from the moodboard's sunrise photo at dawn — slate blue structure on a cool morning ground, clear-sky blue for action, spruce green as the highlight for progress, and a small line of apricot first light. Includes the Spark & Light gradient rules. colour Layout Calm, left-aligned structure: a WebGL dawn opening that brightens into the hero, six numbered steps tracked by a progress rail, a four-step sequence, and a closing section where every step is lit. One lit blue primary button; spruce green marks what is done. sanalabs.com
Option B Connected Path · Clear Field, Bright Signal cool · connected · guided
Palette Bright-blue decisions on a cool near-white field, stone for structure, sea green for wayfinding and progress, one coral signal. Blue and green travel together as the line network. colour Layout Editorial layout in one typeface (Aspekta / Chiron GoRound). A never-ending network of blue-to-green gradient bands forms nodes where they cross, in the opening and beside the hero; node markers carry through the mocks and menu. Includes a sober class view and a dot cursor with a trailing line. quarterre.com · pellmell.fr
Option C Curious Intelligence · Bright Field, Two Points light · curious · legible
Palette A light refraction palette — main blue as the brand anchor and largest plane, a pale cyan/lavender/peach/pink refraction field, and two vivid points: pink for opportunity, signal green for done. colour Layout An invisible 12-column grid: no cards, hairlines and column position group content, colour only inside grid cells. Opens with a scroll-driven fuzz → pixelate → reveal; section transitions build and open cell by cell. pellizcoceramica.com · runrobrun.com

Alternative

Option C · card layout (v1) Option C in amita-oshiete.jp container language — rounded panels, folder tabs, blueprint overlays. amita-oshiete.jp

Notes

README · application-notes.md · brand-strategy.md · imagery-notes.md