OddYak

The OddYak brand

Everything on this page is drawn with the same stylesheet as the rest of oddyak.ai, so it cannot drift from the real thing. The written rules, including voice and the reasons behind each choice, are in docs/BRAND.md in the repository.

The mark

The colour mark on cream
Colour mark on light grounds
The colour mark on brand blue
Colour mark on brand blue
The white mark on navy
White mark on navy and night

Never redrawn, recoloured, rotated or given effects. Clear space is half the mark's width. On a colour or a photo, the full lockup sits on a cream card first.

Colour

  • Brand blue--blue · #5B5CF0Grounds, fills, display type
  • Blue ink--blue-ink · #4345D6Blue body text on light
  • Blue soft--blue-soft · #9C9DFFBlue text on navy
  • Navy--navy · #1A1C3AText, outlines, shadows
  • Night--night · #0a0a16Footer, shadows on navy
  • Cream--cream · #FFF6DCThe page ground
  • Horn--horn · #F3E7C9Stickers, headings on navy
  • White--white · #ffffffCards on cream, text on blue

Cream is the ground, navy draws the lines, blue is the loud one. No gradients, no tints, no fourth hue.

Runs well Tight fit Won't fit

Type

Display · Baloo 2 · 800

Your own AI.

Headlines, card titles, big buttons, stickers. Sentence case, ending in a full stop.

Body · DM Sans · 400, 500, 700

The model, your chats and your files stay on your computer.

Everything you read: paragraphs, navigation, small buttons. 18px on a 1.6 line.

Mono · Fira Code · 500

GGUF · Q4_K_M

Technical detail only. It is the app's own default face, which ties the two together.

Parts

Buttons

Primary On blue Secondary Not yet

Outlined in navy with a hard, unblurred shadow. They press into it. One that cannot be used yet is dashed and does not move.

Cards and stickers

FREE NO ACCOUNT

3px outline, 28px corners, 8px hard shadow. Stickers are the only capitals and the only thing that rotates. The mark never does.