Mastering Consistent UI Design: Color, Typography, and Component Guidelines

This guide outlines a unified UI style system covering color palettes, typography rules, component styling, layout spacing, and Axure custom widget definitions, referencing popular design frameworks to help product teams create cohesive and visually appealing interfaces.

AxureColor SystemComponent Styling

0 likes · 7 min read

Mastering Consistent UI Design: Color, Typography, and Component Guidelines

HelloTech

Jul 16, 2024 · Frontend Development

Quark Design 2.0 Release: Extending Web Component Styling with ::part

Quark Design 2.0 introduces ::part support, enabling developers to style any internal part of a Web Component’s shadow DOM from outside—surpassing the previous reliance on limited CSS variables—while remaining fully backward‑compatible, cross‑framework, and demonstrated via a live StackBlitz example.

CSS ::partComponent StylingShadow DOM

0 likes · 5 min read

Quark Design 2.0 Release: Extending Web Component Styling with ::part

ByteDance Dali Intelligent Technology Team

Jul 28, 2021 · Frontend Development

Advanced Techniques and Best Practices for Using styled-components in React

This article shares practical tips, patterns, and mental models for mastering styled-components in React, covering CSS variables, context styling, component encapsulation, inheritance, margin handling, z-index management, the "as" prop, priority tricks, and related tooling to write cleaner, more maintainable UI code.

CSS VariablesComponent StylingReact

0 likes · 19 min read

Advanced Techniques and Best Practices for Using styled-components in React