Skip to content

langyu-app/organization

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

langyu

Introduction

This repository contains common resources for langyu as well as simple branding guidelines and the like.


Naming Convention

langyu is one word and should not be capitalized. If not rendered in IBM Plex Sans, it should be rendered in a monospace font instead (e.g. in Markdown as `langyu`).

  • ✔️ langyu
  • ❌ Langyu
  • ❌ LangYu
  • ❌ lang yu
  • ❌ Lang Yu

Fonts

Font CSS Mixins

These colors may be imported from here. The associated SASS mixins are noted below.

English

Traditional Chinese

Simplified Chinese


Colors

Color CSS File

These colors may be imported from here. The associated SASS variables are noted below.

Highlights/Colored Backgrounds

Highlights and colored backgrounds should use the following two colors:

  • $primary-light: #46c2bd a cyan color swatch
  • $primary-dark: #043962 a dark blue color swatch

"White" Backgrounds/Text

"White" backgrounds and text should use the color:

  • $white-text / $white-background: #e2e9ee an off-white color swatch

White text should only appear on backgrounds consisting of $primary-dark (#043962 a dark blue color swatch) or $black-background (#091e2e a near-black, blue-grey color swatch).

"Black" Backgrounds/Text

"Black" backgrounds and text should use the color:

  • $black-text / $black-background: #091e2e a near-black, blue-grey color swatch

Black text should only appear on backgrounds consisting of $primary-light (#46c2bd a cyan color swatch) or $white-background (#e2e9ee an off-white color swatch).

Feedback Colors

User feedback should be provided using these four colors:

  • $error: #b72b27 a red color swatch
  • $warning: #e6b41c a mustard-yellow color swatch
  • $success: #22b523 a green color swatch
  • $easy: #46c2bd a cyan color swatch

Logos

Logos can be found in the Logos folder.

Icon

Intended for use as e.g. a favicon.

the langyu logo, a multi-colored tangram depicting a wolf

Main

The main logo for langyu, used whenever only a single image is appropriate.

the langyu logo, a multi-colored tangram depicting a wolf

Lang (Wolf) Logo

Intended for use paired with the Yu (Fish) Logo wherever two images are appropriate.

the langyu wolf logo, a multi-colored tangram depicting a wolf

Yu (Fish) Logo

Intended for use paired with the Lang (Wolf) Logo wherever two images are appropriate.

the langyu fish logo, a multi-colored tangram depicting a fish

Releases

No releases published

Packages

No packages published