The infinity symbol
The existing Arete AIOS identity mark. Use the original SVG.
Download symbol · SVGThe shared visual standard
The shared visual standard for Arete AIOS websites, presentations and video. Use the approved assets and choose the profile for the material you are making.
Version 1.11.0 · Updated 2026-10-22
One identity across every format.
01 / Identity
Use the existing symbol and complete wordmark. Preserve their proportions and colours, keep them clear of other elements, and choose a placement that remains legible.
The existing Arete AIOS identity mark. Use the original SVG.
Download symbol · SVG
The accepted video wordmark. Keep all lettering visible.
Download wordmark · PNG02 / Colour
Use bright blue on dark and deeper blue on warm white. Teal supports the machine's voice, checkmarks and a single highlighted element. Select any swatch to copy its value.
The primary gradient belongs on primary buttons and icon chips. White is a card surface; warm paper is the shared light page surface.
#3DBB63Needs attention#D9A63CFailed#E35555Information#5899EBStatus colours convey actual state in tools and reports. Keep them out of decorative marketing use.
03 / Typography
Literata / Display
Make room
for the idea.
Ā Č Ē Ģ Ī Ķ Ļ Ņ Š Ū Ž
ā č ē ģ ī ķ ļ ņ š ū ž
H1 and H2, weights 500–600.
Inter / Everyday language
Clear ideas.
Useful work.
Ā Č Ē Ģ Ī Ķ Ļ Ņ Š Ū Ž
ā č ē ģ ī ķ ļ ņ š ū ž
Body text, controls, numbers and labels.
JetBrains Mono / Machine data
context.load()
status: ready
Ā Č Ē Ģ Ī Ķ Ļ Ņ Š Ū Ž
ā č ē ģ ī ķ ļ ņ š ū ž
Code, terminals and live data.
Literata — display only: H1 and H2. Weights 500–600, never 700. The big title reads large and light, like a person, not a product. Request it with its optical-size axis: `Literata:opsz,wght@7..72,400;7..72,500;7..72,600;7..72,700`.
Inter — everything else: H3, body, UI, buttons, navigation, stat numbers, and the numbered section eyebrows. Weights 400, 600, 700.
JetBrains Mono — the machine's voice only: terminal blocks, code, live data readouts. Never marketing labels, never body text.
04 / Layout
01 / A clear starting point
Keep the hierarchy simple. Give the reader a clear next step.
Use the BrandbookBlue Inter eyebrows. Literata display. Thin borders, rounded cards and pill buttons.
8 · 16 · 24 · 32 · 48 · 64 · 96 · 128.
96px desktop, 56px mobile. Max content width 1200px, or 720px for text-only pages.
Use whitespace, thin borders and one clear accent. Use real session photography when it adds meaning.
Use the defined palette and fonts. Keep decorative gradients, glass effects, stock laptop imagery and card shadows outside this system.
05 / Production profiles
The same core supports different viewing conditions. Use the profile for the actual deliverable and keep an explicitly approved project variation clearly identified.
web
slides
video
06 / HTML presentation example
An opening title, a light content slide, a dark diagram and an editorial closing statement. Select a slide and switch its surface between dark and light.
Self-contained 16:9 HTML deck. Sample copy in Latvian and English. Fonts, logo and controls are embedded.
The full deck includes individual slide links and a presenter/audience window. Before a real event, test the offline file on the intended computer and second screen.
07 / Website example
A responsive hero, one primary action and calm content cards. Try both surfaces in the example, then open or download the complete HTML page.
A design reference with sample content. Build changes through the publishing route already accepted for the real website.
08 / Motion and voice
Use the approved infinity presence and speech-responsive motion. Keep resting periods and a reduced-motion alternative. Product work states must reflect actual work.
Reuse the approved voice assets for the selected language and format. A new text or paid generation is a separate production choice.
Prepared Arete intro from AI in Practice. Approved AI voice and animation; playback starts only when you choose it.
The human voice
Approved logo, topic tabs, speaker label, a key idea and timed keyword chips. The original voice and full first phrase are preserved.
“Hey, I’m Egils. I love building things with AI.”
Download the five-second MP4Choose intro and outro by format. Reuse the accepted assets; a five-second human sample is a visual example, not a universal intro.
AIP7 uses its prepared Arete/Sarah R05 intro and outro.
The published autumn 2026 Masterclass uses the selected Egils h4 opening and d5 dated ending. Its evergreen ending is still to be selected.
If a new format needs its own opening or ending, create or choose them during that actual video delivery and record the accepted text, language, source assets, timing and CTA expiry in the project.
On-camera graphics are layers over real footage. Keep the full approved wordmark visible, set every on-screen word in Inter, build panels on the dark canvas at about 94% opacity with the 1 px light hairline and 14 px radius, and use blue only for the active tab, the speaker rule and the key-idea line. Keep the face and eye line clear, stay inside a 64 px safe margin at 1080p, time keyword chips to the spoken words, and caption in the spoken language with an optional translated track. The reference demo has one explicit placement exception: its approved full-wordmark container is x=16 px, y=0 px. The 64 px safe margin applies to generated text and panels; use 64 px for a new logo placement unless deliberately reproducing that accepted demo. This exception does not change general logo clear-space rules, which remain an open design item.
Intro and outro are chosen per format (see bookends). The five-layer sample is a format demonstration, not a requirement for every film.
09 / Use and rights
Use this Brandbook as it is: the Arete name, logo, wordmark, palette, type roles and profiles. Do not restyle the logo, add another accent colour or a fourth typeface. Name any explicitly approved project variation in that project.
Keep the method, replace the identity. Start with my-brandbook.template.md and the other brand’s approved name, logo, palette, fonts and production profiles. Arete tokens and assets are examples for understanding the method, not defaults for that brand. If its values are missing, request them or label a proposal as a draft; do not silently use the Arete identity. Review and replace any Arete identity embedded in an adapted HTML example before publishing it.
Download the identity template · MarkdownNot yet determined by the owner:
Accessibility
The guide and both HTML examples are checked with automated WCAG 2.2 AA rules in Latvian and English, dark and light. Normal primary buttons use white on --brand, about 6.0:1. This is a checked community reference, not a full WCAG conformance claim: automated checks, keyboard/zoom checks and a human screen-reader evaluation are different evidence.
Versions and updates
Keep a release together: the version and date in brandbook.md, brandbook.json and the ZIP manifest identify the rules and matching resources. Record the version used. Never downgrade a newer local kit because the website differs. For an explicitly pinned project use that version; otherwise update the whole kit only to a newer release before starting work. Compare numeric version components, not string order.
Rules change in the owner's canonical source first. Every public file is then regenerated from it together, checked in a real browser and published through the website's accepted code route; each release carries a source checksum in brandbook.json. An unpublished local release may be newer than the website. Publication is accepted only after the website and downloads have been read back and compared with the release inventory.
10 / For your AI
Copy the complete guide into your working context, or give your AI the stable Markdown link. The download includes the shared rules, production profiles and approved asset links.
Create Arete AIOS material using this Brandbook: https://areteaios.com/brandbook/brandbook.md Choose the web, slides or video profile for the actual deliverable. Use the approved logo assets, palette and type roles. Reuse accepted video assets where the format calls for them. Bundle slide fonts and assets locally. Keep any explicitly approved project variation clearly identified. Verify the final result at its real viewing size.