Creeper Lv's Design V2

Introduction

Concept

This design's core concepts are Round,Shadow and Small Animation. Of course, beauty. These four concepts formed this design language.

Above all, the most important thing is that they fit my aesthetic. :D

Round

Almost every things in this design language has rounded corners. Usually, they are 10 px or 5 px to fit my aesthetic.

Shadow

Cards and menu items in this design language have shadows. The shadows' color is decided with compent's color. For example, the normal card's color is grey, so the shadow is grey; the accent card's color is light blue, so its shadow's color is blue.

Small Animation

Almost every defined elements in this design language has been animated to provide a smooth experience.

Beauty

Well, it's a matter of opinion. To be honest, this design language just fits my aesthetic... If you don't like this, you can choose to ignore it or try hard to find out its beauty.

Get Started

1.Get Creeper Lv's Design Language V2

You can directly use <link rel=stylesheet href="https://creeperlv.github.io/Styles/cldesignv2/cldesignv2.css" /> in your page.

Or you can download cldesignv2.css through buttom below:

Get cldesignv2.css

2.Refer in your page

If you downloaded the css file, add this in your page:

<link rel=stylesheet href="./cldesignv2.css" />

Then, feel free to do anything with the css!

If you wants to make your page looks like my website, please refer the page you are viewing, other pages are in a mess due to the historic problems.

Licensing

The Apache License

This design language is licensed under the Apache License, Version 2.0, unless otherwise explicitly stated.

Read the license