Lian Build
Fire without the ash.
Ephemeral crucibles that refine code into reproducible artifacts
Branding Assets
Logo Variants
Icon Variants
Monochrome Variants
Scalability Test
Icon clarity at different sizes — from favicon to app icon
Color Palette
Typography
Font Usage
Jost (weight 500, tracking .22em) for the wordmark and subtitle. System font stack for all UI elements. The code symbols (</>) inside the flame glyph are drawn as SVG paths — no font dependency.
Usage Guidelines
Logo Usage
Use the horizontal logo for primary brand identification on websites, headers, and marketing materials. The vertical variant works well for mobile, splash screens, and posters. For print and PDFs, always use the static variants (no animations). Maintain a minimum of 15px clear space around all logos. Never distort, rotate, or modify the aspect ratio.
Color Palette
Flame (#e86c2f) and Amber (#f5a623) are the primary brand colors — they represent the forge: heat, transformation, and precision engineering. Gold (#bd9156) is used for the wordmark "lian", conveying maturity and craft. Forge (#f29a3d) is used for the subtitle "build". Use Dark (#0d1117) as the background for dark-mode contexts. Monochrome variants are for print and accessibility requirements.
Typography
Use Jost (weight 500, letter-spacing .22em) for the wordmark "lian" and subtitle "build". The font conveys geometric clarity while remaining approachable. For all UI elements and body text, use the system font stack. For filenames, code snippets, and hex values, use Monaco / Courier New monospace. The </> code symbol inside the flame is drawn as pure SVG paths — no external font required.
Icon / Glyph Usage
Use lian-icon.svg for digital applications with animation support. Use lian-icon-static.svg for favicons, print, and contexts where animation is inappropriate. The glyph is a flame shape representing the forge metaphor — transformation through fire. The inner core pulses as a living ember. The crucible line (horizontal bar at the base) grounds the flame. The </> code marks inside the flame link build systems to software craft.
Dark Mode
Dark backgrounds of #0d1117 or darker provide optimal contrast — the flame colors are inherently bright and stand out on dark surfaces without adjustment. Use lian-dark-h.svg and lian-dark-v.svg for dark UI applications; these variants use brighter Gold (#d4a870) and Forge (#fbb555) for the text to maintain contrast. Avoid placing the standard logo on dark backgrounds without using the dark-specific variants.