gradiatedBrand
Everything is considered.
Socrates tested claims by questioning their assumptions. We apply the same standard to the brand. Every word, line, color, and interaction should have a reason to exist.
Principles
Begin with the claim
Lead with the thing that is true or useful. Context follows. Do not hide a precise idea behind scene-setting or slogans.
Go down the stack
Show the reasoning beneath the result. The visual system should suggest depth, construction, revision, and relationships between layers.
Remove what cannot answer for itself
Decoration needs a purpose. If a word, rule, image, or interaction does not improve meaning or orientation, remove it.
Prefer evidence to assertion
Specifics are more persuasive than superlatives. Use examples, constraints, measurements, and trade-offs wherever possible.
Color
The palette refers to the setting of Plato's Academy without attempting to recreate antiquity. The school stood beside a sacred olive grove and its surviving site is marked by dry earth, pale limestone, paths, and fragments—not monumental white marble. The result is deliberately limited: stone, ink, olive, and earth.
- Academy stone
#E8E2D5 - The principal light ground. Its warmth refers to limestone and sunlit earth, while retaining the quiet character of uncoated paper.
- Carbon ink
#1C1B18 - The principal text color and dark ground. Near-black is easier on the eye than absolute black and ties the visual system to writing and argument.
- Weathered olive
#72745A - The principal interaction color, drawn from the olive grove in which the Academy was set. Use it for links, controls, and active states—not decoration.
- Attic earth
#9A7449 - A restrained expressive color drawn from the dry, ochre ground of the Academy site. Use it for diagrams, circuit nodes, numeric output, and selected text.
- Pale limestone
#F0ECE2 - The principal light color in dark mode. It carries the warmth of the stone ground rather than introducing a clinical white.
- Cut stone
#C9C1B2 - Rules, borders, and inactive controls. It separates information without competing with it.
In dark mode, olive is raised to #A6A887, earth to #C09A68, and cut stone deepens to #49463E to preserve contrast. Supporting surfaces and muted text are derived from the same stone and ink tones.
Use
Color should communicate state, hierarchy, or interaction. Olive indicates interaction; earth adds emphasis to diagrams and output. Neither should become decoration. Error colors may depart from the palette where convention requires it, but they are functional rather than expressive.
Typography
Newsreader carries propositions, titles, and moments that need reflection. Libre Franklin carries explanation, navigation, labels, and interfaces. Large type may be quiet; small type must be exact. Avoid unnecessary weights, ornamental italics, and artificial hierarchy.
Voice
Write plainly, specifically, and with intellectual confidence. Ask a question only when the product or the next sentence can help answer it. Avoid grand claims, vague philosophy, inflated metaphors, and language that sounds profound without saying anything.
Artwork
Artwork draws from the Academy as a place of inquiry, not from mythology. Use architecture, human scale, measured construction, worn fresco, vellum, stone, carbon, and evidence of revision. Figures are ordinary thinkers, never gods or heroes. Color remains mineral and sparse: stone and ink first, olive and earth second.
Interaction
Motion should reveal structure or state. Circuit paths expose the system beneath the surface; hover treatments clarify what can be opened; the theme switch records a considered choice. Interactions should never exist solely to demonstrate cleverness.