문득 든 생각인데 타이틀 부분의 배경에 이미지를 삽입할 생각만 했었는데 이미지가 아닌 원모양을 css로 배치해 보면 어떨까 싶은 생각이 들어 시도해본다.

타이틀 클래스에 before 나 after 를 활용해서 레이어 하단에 원을 배치하면 쉽게 추가할 수 있다. 원 뿐만 아니라 애니메이션도 가능하고 원하는 건 뭐든지...

SVG 를 이용한 그림 그리기 효과도 괜찮을꺼 같다.

반응형에 맞게 원 크기를 변경하는게 좀 문제긴 하지만...

원에 포함된 텍스트와 포함되지 않은 벗어난 부분의 텍스트의 색상을 달리 해야 할거 같다.