A Company UX/UI Style Guide Template

What this project is

The Company Style Guide is built as plain HTML and CSS, not as screenshots or design files. Every swatch, button, and layout example you see here is rendered from the same styles that define the system. That makes this site the visual source of truth for designers and developers.

• Foundations — color, typography, spacing, shape, elevation, and related basics.
• Interactive controls — buttons, forms, inputs, and feedback patterns.
• Layout, navigation & overlays — panels, lists, navbar, dialogs.
• UX principles & standards — laws of UX, responsive design, accessibility.