• Login
  • Sign Up
Documentation Center Core Foundation

28圈 Platform Development Guide

This guide will delve into essential principles and practical tips to ensure your 28圈 application attracts users and integrates seamlessly with our digital entertainment ecosystem.

Introduction

To create extensions that improve functionality and bring joy to users, it's important to focus on user-centered design, thoughtful layout strategies, and effective use of color and typography. Let's explore how you can seamlessly integrate your extensions with the Simple experience. If you plan to publish your App on the Marketplace, please review our Platform Application Guide for the Design and Usability section.

Dos illustration

Crafting your interface

28圈 applications can run within an iframe, allowing you to develop user interfaces using standard HTML, CSS, and JavaScript, similar to developing single-page applications. To simplify the development process, you can choose from various frameworks and libraries. For example, React or Vue can be used to build UI components, while Tailwind CSS or Bootstrap are suitable for styling.

While the 28圈 platform does not mandate native design for applications, we believe that applications more closely aligned with the platform's style will be more favored by users and provide an excellent user experience.

Want to build a native-style application?
We offer a simplified design system, including colors, typography, components, patterns, and examples, to help you kickstart your application design. Interested? Access the Figma UI kit here.

Design principles

Your application interface should adhere to the following key principles:

  • User-Centric: The application's goals and value should be defined around user needs, addressing their unique pain points.
  • Simple and Intuitive: Your application should be easy to use, requiring minimal learning to get started, and should assist in the visual abstraction of code rather than adding complexity.
  • Design Consistency: Maintain uniformity in design elements such as colors, typography, and button styles throughout the application. This enhances user experience and makes navigation easier.
  • Inspire Creative Momentum: Your application should not hinder the creative process. Avoid unnecessary steps or options that might interrupt the user's immersion.
  • Clear Copy: Use concise and clear text to guide users in understanding the connection between visuals, layout, and usability.
  • Universally Accessible: Strive to make your application accessible to all users, ensuring it complies with accessibility standards and best practices.

Design guidelines

Choose a color scheme that aligns with your application's purpose and style. The 28圈 platform interface primarily uses the Inter font. We recommend considering this font for consistency.

API Error Handling

If you encounter such errors, check if your application is limiting the request frequency. For example, overly frequent polling for resource creation or making a large number of concurrent API calls can trigger this issue.

{
    Message Content: "Too Many Requests",
    Error Code: "too_many_requests",
    External Reference: Null Value,
    Details: [],            
}

API Integration

Our APIs interact with the platform canvas through user-friendly objects and methods. With these APIs, you can manipulate existing elements or add new ones to the canvas.

Summary and Future Outlook

Let's explore the key files needed to build your application's structure, style, and dynamic content. You can find detailed information about application configuration, structure, and essential files in our documentation. Feel free to experiment and make changes as you explore and modify the scaffold.

Practice is the best way to learn, and the scaffold provides a safe environment for your experiments.

Updated 14 days ago
Was this page helpful?