Skip to content

Design

Ghuo Design is an enterprise-level design language that aims to continue building on the foundation of design specifications and basic components, extracting typical templates/business components/supporting design resources to further enhance the user and design development experience of enterprise-level backend products.

Design Values

Certainty

Designers need to clarify their design goals and achieve these goals through reasonable design decisions. Certainty means:

  • Consistency: Maintain consistency of design elements throughout the product
  • Predictability: Users can predict the behavior of interface elements
  • Clarity: Clear information hierarchy that users can quickly understand

Nature

Design should conform to users' cognitive habits and behavioral patterns, making interactions natural. Nature is reflected in:

  • Intuitiveness: Interface operations conform to user intuition
  • Fluidity: Smooth interaction process without abruptness
  • Comfort: Visual and interactive experience that makes users feel comfortable

Design Principles

Based on the values of certainty and nature, we have established the following design principles:

Proximity

Related information should maintain visual proximity, and unrelated information should be separated.

Alignment

No element can be placed randomly on the page; every element should have some visual connection with other elements on the page.

Repetition

Certain aspects of the design need to be repeated throughout the work. Repeated elements may be bold text, certain symbols, colors, design elements, etc.

Contrast

Different elements on the page should have contrast effects. The purpose of contrast is to enhance page effects and help organize information.

Released under the MIT License.