ainsley.dev Desk & Keyboard

Brand guidelines
Components*

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