\DESIGNSORCERY>_

智谱清言

Video · Light

Design System Inspiration

chatglm.cn — extracted via DESIGN.md

AI/ML · Conversational AI Assistant

minimalist clean interactive corporate glassmorphism card-based layout sticky navigation sidebar navigation floating CTA

Typography

PingFang SC

Heading

Aa Aa Aa Aa

iconfont

Body

Aa Aa Aa Aa

Color palette

TL;DR

The chatglm.cn interface is a "mixed" system that balances a stark, utility-first chat canvas with sophisticated elevation patterns. The primary canvas is pure white `#ffffff`, structured by a rigorous slate-grey border system `#eceeef` and `#4f5866`. Interaction is driven by two distinct modes: a deep "Obsidian" `#1a2029` for primary platform actions (Login, New Chat) and a vibrant "Cobalt" `#2454ff` for product-specific features and active UI states. Typography relies exclusively on PingFang SC, utilizing a weight-based hierarchy (400 to 600) rather than chromatic shifts to denote importance.

Target audience

Professionals, students, and developers seeking an efficient, multi-modal AI assistant for writing, coding, and document analysis.

Full tech stack

Alibaba Cloud CDN jQuery Vue.js

Meta description

智谱清言是基于 GLM-5 的全能 AI 助手,支持精通对话、写作与编程。为你答疑解惑,激发创意,更能理解图片与文档,提升学习与工作效率。

Brand Voice

Professional yet energetic, combining technical precision with an inviting, reward-oriented community feel.

Positioning

ChatGLM is an advanced AI platform offering large-scale context capabilities (1M window) for users handling complex tasks and long-form dialogues. It positions itself as a high-performance tool that rewards active user participation through a gamified points system.

Voice principles

  • Technically Confident: Focuses on specific performance metrics like "1M context window" to demonstrate capability.
  • Enthusiastic: Uses high-energy language and exclamation marks to announce updates and promotional events.
  • Benefit-Driven: Clearly connects technical features to user outcomes, such as "no longer forgetting" or "one-step completion."
  • Generous: Emphasizes abundance and accessibility with phrases like "100% winning rate" and "unlimited quantity."

More SaaS Designs

← Back to Gallery