Wrayet
All companies

Brand assets · Educational apps

Wrayet

Wrayet makes educational apps that use generative AI.

Logos

Each lockup comes as an SVG and a PNG. Use the on-dark versions on dark grounds and the on-light versions on light ones.

Wrayet app icon
App icon SVGPNG
Wrayet mark, on dark
Mark, on dark SVGPNG
Wrayet mark, on light
Mark, on light SVGPNG
Wrayet horizontal, on dark
Horizontal, on dark SVGPNG
Wrayet horizontal, on light
Horizontal, on light SVGPNG
Wrayet stacked, on dark
Stacked, on dark SVGPNG
Wrayet stacked, on light
Stacked, on light SVGPNG

Colors

The theme in both schemes, as CSS custom properties. The brand color and the text that sits on it are the same in both. Select a value to copy it.

Dark

Text on #05080d in #d9fbff.

  • --theme-brand
  • --theme-on-brand
  • --theme-primary
  • --theme-secondary
  • --theme-background
  • --theme-background-alt
  • --theme-text
  • --theme-text-muted

Light

Text on #f2fbff in #07131a.

  • --theme-brand
  • --theme-on-brand
  • --theme-primary
  • --theme-secondary
  • --theme-background
  • --theme-background-alt
  • --theme-text
  • --theme-text-muted
theme.css · Nyxsis theme format
Download 
/* Theme roles: Wrayet. */
:root[data-nyxsis-theme="wrayet"] {
  --theme-brand: #57c3e3;
  --theme-on-brand: #05080d;
  --theme-primary: #57c3e3;
  --theme-secondary: #a9f9fa;
  --theme-background: #05080d;
  --theme-background-alt: #092033;
  --theme-text: #d9fbff;
  --theme-text-muted: #75aeb8;
}

:root[data-nyxsis-theme="wrayet"][data-nyxsis-scheme="light"] {
  --theme-primary: #1476a6;
  --theme-secondary: #218cc5;
  --theme-background: #f2fbff;
  --theme-background-alt: #d7f1fa;
  --theme-text: #07131a;
  --theme-text-muted: #385766;
}

Product

App icons and loading spinners. The spinners are standalone SVGs animated with CSS, so they play anywhere an image does.

Langwyst

A language learning app.

Langwyst app icon
App icon SVGPNG
Spinner SVGThe brush writes the stroke, lifts and starts again. 3 s loop.