Components
This selection of components makes up the ainsley.dev brand and are the building blocks of any material or site asset.
Buttons
Buttons should appear with an arrow next to them. If placed on a dark background, a white button should be used and visa versa.
Tags
Small tags are used for categorising content for blog posts and articles. As with buttons, they should be placed with the background colour in mind.
SEO
Javascript
Front-end
SEO
Javascript
Front-end
Arrow
Using the ainsley.dev arrow can be a convenient way to navigate the user to additional content that’s not on the current page. Ensure the arrow is proportionate in size to the heading and is not too large or small.
FAQs
Questions and answers should be placed in an accordion alongside the ainsley.dev arrow.
I’m baby umami pickled narwhal woke food truck tilde?
I’m baby umami pickled narwhal woke food truck tilde gastropub polaroid forage. Chicharrones kickstarter hell of, narwhal craft beer XOXO literally gluten-free. ruffaut hella live-edge squid, ramps pickled dreamcatcher.
I’m baby umami pickled narwhal woke food truck tilde?
I’m baby umami pickled narwhal woke food truck tilde gastropub polaroid forage. Chicharrones kickstarter hell of, narwhal craft beer XOXO literally gluten-free. ruffaut hella live-edge squid, ramps pickled dreamcatcher.
I’m baby umami pickled narwhal woke food truck tilde?
I’m baby umami pickled narwhal woke food truck tilde gastropub polaroid forage. Chicharrones kickstarter hell of, narwhal craft beer XOXO literally gluten-free. ruffaut hella live-edge squid, ramps pickled dreamcatcher.
Margin
Defines the amount of space between sections, components and text on the y axis.
Section padding
Margin large
Margin regular