Arete AIOS

Arete AIOS design guide

Arete AIOS design.
One link for every creator.

Colours, fonts, original logos and presentation rules in one place. Share this link with Gianluca, a designer or an AI tool so the next material follows the same Arete AIOS style.

Get the AI brief Download logos

Public guide. No sign-in required.
If the main address is unavailable, use the backup link to the same guide.

01 / How to use

Open it. Share it. Create.

01 / FOR YOU

Open this guide

Bookmark this address. Browse the design samples below and download the original logos in SVG or PNG format.

02 / FOR A CREATOR

Share one link

Gianluca or another creator can get the rules and files here. The ready-to-use brief below explains how to build a presentation.

03 / FOR AN AI TOOL

Paste the brief

Give the tool the ready-to-use brief. Full rules are in brand.md; logo URLs are in assets.json. If it cannot open links, download and attach these files.

02 / Design principles

Five rules that keep the design consistent

Dark throughout

Arete AIOS websites, working interfaces and presentations use dark surfaces throughout. Use #0A121F for the background, near-white headings and a softer body-text colour.

Blue for emphasis

Use #0081FF on dark surfaces. Blue belongs on links, numbered labels, icons and a few points of emphasis. Keep large backgrounds dark.

One action gradient

The blue gradient belongs only on primary action buttons and icon chips. Use the supplied gradient value. Keep page backgrounds and ordinary cards flat.

Three fonts, three jobs

Literata is for large titles. Inter is for body text, navigation, buttons and numbers. JetBrains Mono is for terminals, code and live data.

Teal for the machine

Teal marks terminal prompts, completed checkmarks and one highlighted card. Keep numbers, prices and section labels blue. When in doubt, use blue.

03 / Colours

The Arete AIOS dark palette

Background
#0A121F
Every page, working interface and slide.
Headings
#F9FAFC
Titles and primary text on dark surfaces.
Body text
#C4CBD6
Paragraphs, captions and secondary text.
Blue emphasis
#0081FF
Links, labels and icons on dark surfaces.
Avoid large blue backgrounds.
Machine teal
#009DB1
Checkmarks, terminal prompts and one highlighted card.
Never for prices, numbers or section labels.
Action gradient
deep → glow · 135°
Primary action buttons and icon chips only.
No page-background gradients.
Hairline borders
white · 10% opacity
Card borders and subtle separators. No card shadows.

Use status colours only for real states in working interfaces. Never use them as decoration in presentations or public pages.

04 / Typography

Three distinct voices

The human voice.

Literata 500–600: H1 and H2 display titles only. Large and light; never weight 700.

The working voice: text, buttons, navigation and numbers.

Inter 400/600/700: everything else, including 01 / LABELS (600, 0.18em tracking, blue).

$ the machine voice_

JetBrains Mono: terminals, code and live data only. Never body text or marketing labels.

Check Latvian characters

Use Literata for Latvian text too. Do not use Fraunces in this system. Inspect the exported file for ā, ē, ī, ū, č, ģ, ķ, ļ, ņ, š, ž, clipping and legibility.

ElementSize at 1440px+Font
H1 / display76px · −0.02em · 1.02Literata 500
H2 / section heading40px · −0.02em · 1.1Literata 600
H3 / card heading18pxInter 600
Large number96pxInter 700
Body text17px · 1.6 · ≤68 characters per lineInter 400
Eyebrow "01 / LABEL"12.5px · uppercase · 0.18em · blueInter 600
Terminal / data13–14pxJetBrains Mono 400
Button16pxInter 600

05 / Elements

Use these patterns directly

Get the brief View logos

Primary buttons are gradient pills with a soft blue glow, the system's only shadow. Secondary buttons have an outline and no shadow. Icon chips use white line icons on a 36px gradient chip with 12px corners. Use icons rather than emoji.

Standard card

A hairline border, no shadow

Dark background, a 1px white border at 10% opacity and 14px corners. Numbers and labels use blue, Inter 600.

Highlighted card

The single teal highlight

A teal border with a very subtle teal tint over the dark background. Use at most one per screen.

✓Teal can mark completed work
✓The colour carries a real meaning

Machine voice

A faint 64px grid

arete> presentation exported
arete> fonts and logos checked_

A terminal uses the mono font and teal prompts. Keep the grid subtle.

06 / Presentations

Every slide dark. One idea per slide.

1920 × 1080 px, 16:9. Use #0A121F on every slide, #F9FAFC for headings, #C4CBD6 for body text and #0081FF for emphasis.

Slide elementRule at 1920 × 1080 px
TitleLiterata 500–600, 76–96 px
SubtitleInter, around 40 px
Body textInter, at least 34 px. Split the slide if it does not fit.
Source or disclaimer17–18 px; machine labels at least 20 px
ContentOne main idea, at most 45 words. Details belong in speaker notes.
Logo and deliveryUse the original downloaded logo. Deliver editable source and PDF.

Preserve technical content, original authors and sources. Extra semantic diagram colours require Egils's approval. The default is blue with functional teal. Motion may explain a process; decorative slide transitions are unnecessary.

08 / Boundaries

What to avoid

09 / Ready-to-use brief

Give this text to a creator or AI tool.

Copy the full text below and add the presentation or material you need. To reuse the design in later work, save this brief in your project's persistent instructions.

Use the Arete AIOS visual system for this presentation and all future materials in this project.

First open https://eb-brand.wisdomblend.com/ and read https://eb-brand.wisdomblend.com/brand.md and https://eb-brand.wisdomblend.com/assets.json. Use the exact colours, fonts, spacing and logo files provided there.

If that domain is unavailable, use https://wisdomblend-eb-brand.pages.dev/ with the same file paths, including /brand.md, /assets.json and /img/ logo files.

For slides: 16:9, 1920 × 1080 px. Use #0A121F on every slide, #F9FAFC headings, #C4CBD6 body text and #0081FF for emphasis. Use Literata 500–600 for slide titles, Inter for other text, and JetBrains Mono only for code, terminals or data. Body text must be at least 34 px at this canvas size. Keep one main idea and at most 45 words per slide. Split dense slides; put details in speaker notes.

Download the actual Arete AIOS symbol from https://eb-brand.wisdomblend.com/img/logo-areteaios.svg or https://eb-brand.wisdomblend.com/img/logo-areteaios.png, or use the original logo with its name from https://eb-brand.wisdomblend.com/img/arete-aios-wordmark.png. Place the file unchanged. Do not redraw, recolour, stretch or generate a substitute logo.

Keep the original technical meaning, author credits and verified sources. Use calm spacing and clear diagrams. Avoid decorative gradients, card shadows, emoji headings, purple styling and decorative animation. Arete AIOS websites, working interfaces and presentations use dark surfaces throughout. Follow the guide for other materials.

Before delivery, inspect every exported slide for legibility, Latvian characters, clipping and missing assets. Deliver the editable presentation source together with the PDF. If you cannot fetch the guide or assets, ask me to attach brand.md, assets.json and the logo; do not guess the brand.
Download the rules

You can also select and copy the text yourself.

The guide and files are readable without sign-in or JavaScript. Your AI tool still needs permission to open links; some tools require you to attach the files yourself.

brand.mdassets.jsontokens.jsontokens.cssllms.txt