Arete AIOS

The shared visual standard

Arete AIOS
Brandbook

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.

Download the rules

Version 1.11.0 · Updated 2026-10-22

Arete AIOS infinity symbolArete AIOS

One identity across every format.

01 / Identity

Start with the approved assets

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.

02 / Colour

Blue leads. The surface sets the shade.

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.

Done#3DBB63Needs attention#D9A63CFailed#E35555Information#5899EB

Status colours convey actual state in tools and reports. Keep them out of decorative marketing use.

03 / Typography

Three typefaces. Clear roles.

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

Space gives the content its shape

01 / A clear starting point

One idea worth understanding.

Keep the hierarchy simple. Give the reader a clear next step.

Use the Brandbook

Blue Inter eyebrows. Literata display. Thin borders, rounded cards and pill buttons.

An 8px spacing system

8162432486496128

8 · 16 · 24 · 32 · 48 · 64 · 96 · 128.

96px desktop, 56px mobile. Max content width 1200px, or 720px for text-only pages.

Correct and incorrect

Keep the visual language calm.

Use whitespace, thin borders and one clear accent. Use real session photography when it adds meaning.

Preserve the approved system.

Use the defined palette and fonts. Keep decorative gradients, glass effects, stock laptop imagery and card shadows outside this system.

05 / Production profiles

Choose the format, keep the identity

The same core supports different viewing conditions. Use the profile for the actual deliverable and keep an explicitly approved project variation clearly identified.

web

Websites and tools

  • Use the dark Arete surface by default. Approved editorial light surfaces use the shared warm-white tokens.
  • Literata is for display headings; Inter carries body text and controls; JetBrains Mono is for code and machine data.
  • Use the existing symbol and wordmark. Keep blue as the main accent and status colours meaningful.

slides

Slides and presentations

  • Use the same palette, logo and type roles. Start from a 16:9 canvas unless the brief requires another format.
  • Keep one clear idea per slide and enough space for the message. Both dark and warm-white slide surfaces are accepted; use the matching blue and text tokens and keep each slide legible.
  • Bundle every font, framework and asset locally. Verify the actual offline deck and presenter view on the intended computer.

video

Video and motion

  • Choose the approved format for the actual film. AIP7 and Masterclass are distinct profiles.
  • Use the approved full wordmark and complete frame. The accepted AIP7/Masterclass video profiles use Inter for prominent on-screen text and captions.
  • Reuse the selected voice, motion and intro/outro assets; preserve full spoken endings and check the final video at phone size.

06 / HTML presentation example

Four slides. Both sides of the palette.

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

The same identity, made for the web

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

A recognisable Arete presence

Use the approved infinity presence and speech-responsive motion. Keep resting periods and a reduced-motion alternative. Product work states must reflect actual work.

Public partner
Arete
English voice
Sarah
Latvian voice
Miriam
Motion
R05

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

Real footage, with five graphic layers

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 MP4

Openings and endings follow the format

Choose 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.

Graphic layers over real footage

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.

  • Full wordmark, top left
  • Topic tabs, top right, one active in blue
  • Speaker label with a blue rule, bottom left
  • One key idea with an eyebrow and a blue line, right
  • Timed keyword chips, bottom right

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

Two ways to use this Brandbook

Making Arete AIOS material

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.

Building your own Brandbook

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 · Markdown

Rights and licences

Not yet determined by the owner:

Rights · Markdown

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

Give your AI the same rules

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.

How to use it with your AI

  1. Link: paste this line into the prompt, brief or knowledge field: “For Arete AIOS work, read https://areteaios.com/brandbook/brandbook.md and follow it.”
  2. Paste: if your AI cannot open links, select “Copy complete rules” and paste the text into the conversation or into a project or knowledge field.
  3. Upload: download brandbook.md or unzip the complete kit and upload its Markdown and needed resources. Install the skill folder only in a tool that supports Agent Skills and its documented skills location. A generic chat may not unpack ZIPs or activate skills automatically.
  4. Work: name the deliverable and choose the web, slides or video profile. Ask the AI to list the rules it applied and to check the result at its real viewing size.
  5. Keep one release together: record the version you loaded, use its matching rules and resources, and do not replace it with an older online copy. If online files are newer and you want to update, replace the whole release before starting a new deliverable. A pinned project version stays pinned until explicitly updated.