body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f5f8;color:#10131c}
.wrap{width:min(1100px,calc(100% – 48px));margin:0 auto;padding:70px 0}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#e26a9c}
h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.03em;margin:10px 0 8px}
.sub{color:#5a6274;font-size:16px;margin:0 0 40px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.card{background:#fff;border:1px solid #dfe2ea;border-radius:20px;overflow:hidden;box-shadow:0 14px 35px #18224a0d}
.stage{background:linear-gradient(145deg,#fbfcff,#f0f2fa);display:grid;place-items:center;padding:36px}
.stage svg{width:180px;height:auto}
.meta{padding:20px 24px 24px}
.meta b{font-size:17px}
.meta p{color:#5a6274;font-size:14px;margin:8px 0 16px}
.sizes{display:flex;align-items:center;gap:10px;border-top:1px solid #eef0f5;padding-top:16px}
.sizes span:first-child,.sizes span:nth-child(3),.sizes span:nth-child(5){font-size:11px;color:#8a90a5;font-weight:700}
.sizes svg{display:block}
.s64 svg{width:64px}.s32 svg{width:32px}.s16 svg{width:16px}
.dark{background:#0E1220;color:#fff;margin-top:22px;border-radius:20px;padding:26px 24px;display:flex;align-items:center;gap:26px}
.dark svg{width:72px}
.dark .t b{font-size:17px}
.dark .t p{color:#aab2c5;font-size:14px;margin:6px 0 0}
@media(max-width:800px){.grid{grid-template-columns:1fr}}

Axi – persona options

Meet Axi, the pink axolotl

Design marks for the AI tutor persona. Clean vector, built to hold up from favicon to hero size. Final artwork can be refined or commissioned from the chosen direction.

Option 1 – App icon, light

Rounded-square icon on a soft pink gradient. Reads at 16px.

64px

32px

16px

Option 2 – App icon, dark

Same mark on the V8 deep navy – pops in dark UI and browser tabs.

64px

32px

16px

Option 3 – Chat avatar

Circular avatar for the tutor chat and feedback cards.

64px

32px

16px

Option 4 – Full body, red pen

Marking pose for empty states, celebrations and the pricing page.

64px

32px

16px

Axi

Wordmark lockup

Face mark + Axi wordmark for headers and the AI tutor band.

64px

Axi
32px

Axi
16px

Axi

Dark-band preview

How the mark sits on the V8 dark sections – e.g. next to “Meet Axi” in the AI tutor band.