Patagon CSS

Beautiful and lightweight css library for your basic components

Getting Started

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sit ipsum neque mattis eget id ultrices phasellus vestibulum. Viverra nunc sollicitudin amet commodo sagittis. Blandit aliquet diam iaculis lorem cum faucibus. Volutpat magna feugiat nulla nulla ut. Vitae, amet et, augue quis in bibendum quam aliquam. Tellus arcu tellus velit faucibus vulputate molestie. Augue fermentum id proin nisi, sit in. Nibh pharetra purus et ut pellentesque ante pellentesque viverra massa. Dis magnis auctor purus cras facilisi magna tortor. Morbi a gravida in laoreet a leo. Massa blandit quam lorem non suspendisse viverra id vivamus. Id nisl enim, integer ullamcorper elementum venenatis tortor risus. Amet at eget urna id cursus proin malesuada neque.

Habitasse dignissim gravida eget duis ultrices quam suspendisse. Nulla egestas non, mauris leo molestie. Dignissim congue leo vitae sagittis cras mattis. Bibendum eros, massa, vulputate tempus, condimentum. Turpis arcu et vehicula aenean urna, ut faucibus magna. Malesuada volutpat semper dignissim urna quis. Vel viverra eget ut sed mattis. Nibh eu in ut vivamus rutrum platea sagittis, fermentum id. Lorem purus vehicula odio sagittis malesuada. Arcu scelerisque felis nisi, amet turpis lorem id.

Fonts

Patagon was designed using Inter by default. You can start using it by adding this tag on your inside your head element.

<link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
                

Habitasse dignissim gravida eget duis ultrices quam suspendisse. Nulla egestas non, mauris leo molestie. Dignissim congue leo vitae sagittis cras mattis. Bibendum eros, massa, vulputate tempus, condimentum. Turpis arcu et vehicula aenean urna, ut faucibus magna. Malesuada volutpat semper dignissim urna quis. Vel viverra eget ut sed mattis. Nibh eu in ut vivamus rutrum platea sagittis, fermentum id. Lorem purus vehicula odio sagittis malesuada. Arcu scelerisque felis nisi, amet turpis lorem id.

Buttons

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sit ipsum neque mattis eget id ultrices phasellus vestibulum. Viverra nunc sollicitudin amet commodo sagittis. Blandit aliquet diam iaculis lorem cum faucibus. Volutpat magna feugiat nulla nulla ut. Vitae, amet et, augue quis in bibendum quam aliquam. Tellus arcu tellus velit faucibus vulputate molestie. Augue fermentum id proin nisi, sit in. Nibh pharetra purus et ut pellentesque ante pellentesque viverra massa. Dis magnis auctor purus cras facilisi magna tortor. Morbi a gravida in laoreet a leo. Massa blandit quam lorem non suspendisse viverra id vivamus. Id nisl enim, integer ullamcorper elementum venenatis tortor risus. Amet at eget urna id cursus proin malesuada neque.

Habitasse dignissim gravida eget duis ultrices quam suspendisse. Nulla egestas non, mauris leo molestie. Dignissim congue leo vitae sagittis cras mattis. Bibendum eros, massa, vulputate tempus, condimentum. Turpis arcu et vehicula aenean urna, ut faucibus magna. Malesuada volutpat semper dignissim urna quis. Vel viverra eget ut sed mattis. Nibh eu in ut vivamus rutrum platea sagittis, fermentum id. Lorem purus vehicula odio sagittis malesuada. Arcu scelerisque felis nisi, amet turpis lorem id.