Extract UI

Jekyl News Page Release Label

picture of release label from jekyl news page

Jekyl Release Label

I like the way this label pops out and the way that it continues outside of the border.

They made a class label with float left and text shadow.

Jekyl News Page Recessed Span

Recessed span

Jekyl Recessed Span

This item looks like it is carved into the page or recessed.

I am not super sure how they did this, but it has a darker background color. They also use a border radius.

Jekyl Showcase Page

Jekyl showcase class

Showcase

I liked the way they displayed the different images. I can see this would be useful on my personal pages when I want to display my artwork.

They created a class called showcase and assigned it to the ul. The showcase class has a flex disply.

The Jekyl Icon

jekyl icon

The Icon

I like the way that they made it so that clicking on the icon takes you somewhere. I know that I did this before in Web Coding, but I don't remember all that I did to do it.

They made a logo class and assigned it to the anchor element. I am not really sure why it works, but I like it.