Raven Design
A design system inspired by the raven bird.
Adaptability
Components respond to context, screen size, and user preferences.
Transformation
Smooth transitions and modular design that can morph and adapt.
Communication
Clear visual hierarchy and consistent feedback for users.
Quick Start
Step 1: Add CSS
Add the Raven Design CSS to your <head>
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/raven-design@latest/framework/css/index.css">Step 2: Use Classes
Start using Raven Design classes in your HTML.
<button class="raven-button raven-button--primary">
Click Me
</button>Step 3: Build
That's it! Your site now has Raven Design styling.
Components
Buttons
Multiple variants and sizes
Cards
Flexible content containers
Small
Flat