This page addresses many separate projects as one:
AaBbCcDdEe
1234567890?!
Merriweather Sans— for headings
AaBbCcDdEe
1234567890?!
Libre Franklin— for body copy
The type scale enables you to indicate content hierarchy. These sizes and styles are designed to balance content density with increased readability.
Name | Typeface | Weight | Size | Lh |
---|---|---|---|---|
Tiny | Libre Franklin | Regular | 12px | 16px |
Body Small | Libre Franklin | Regular | 14px | 24px |
Body | Libre Franklin | Regular | 16px | 24px |
Body Large | Libre Franklin | Regular | 18px | 32px |
Heading XS | Merriweather Sans | Light | 21px | 32px |
Heading Small | Merriweather Sans | Normal | 24px | 40px |
Heading | Merriweather Sans | Book | 28px | 48px |
Heading Medium | Merriweather Sans | Medium | 32px | 56px |
Heading Large | Merriweather Sans | Bold | 36px | 64px |
Heading XL | Merriweather Sans | Black | 48px | 72px |
Display | Merriweather Sans | Regular | 60px | 80px |
Display XL | Merriweather Sans | Regular | 72px | 96px |
The number of characters per line influences readability. Studies indicate the following guidelines for English:
45-75 characters (desktop) or 35-40 characters (mobile) per line iswidely regarded as a satisfactory line length.
Around 66 characters (desktop) or 39 characters (mobile) is optimal.
More than 90 characters (desktop) or 50 characters (mobile) is likely too long for continuous reading.
Studies show that different aspects of reading performance such as comprehension, reading speed, method of movement, and eye movements are affected by changes in line length.
Follow the WCAG 2.0 Level AA guidelines to ensure proper color contrast.
These are the splashes of color that should appear the most in the UI, and are the ones that determine the overall "look". Best for things like primary actions, links, navigation items, icons, accent borders, or text that should be emphasized.
These colors should be used fairly conservatively throughout the UI to avoid overpowering the primary colors. Used an element needs to stand out, or to reinforce things like error states or positive trends with the appropriate semantic color.
A beautiful and harmonious color palate will draw the user in and invite interaction; and is therefore critical to good UX.
Aquarian Web Studio listens carefully to clients from the start, creating secure, flexible websites configured to your workflows and goals. We start simply and refuse to make things complex when they don’t need to be, exploring options for your company from many angles, because we love to help those who help others.
Here's another text paragraph. How does the spacing look? Does it look right on mobile? can we make improvements for middle-width devices? Big screens, small screens all about the thread memes.
Too many businesses rely on limited blog and web brochure platforms that are often risky, waste money and limit growth over time. They can be impersonal and stiff and work against customer-facing needs. We believe that although the web is an automated, template-laden landscape, understanding the way people interact, and communicate with companies is our most valuable asset.
In some urgent cases, a website has stopped working or may do so in a short amount of time. Whether it’s a plugin preventing code upgrades, a hacker got in, or that it’s collapsing under the weight of its popularity and success, we quickly gather the assets we need and proceed with the following two services. With restoration being a priority, we may propose a timeline where “nice to have” features are completed following an MVP launch.
What’s different?
We are experts in secure, scalable web platforms that improve client outcomes over time, and recognize that it may be time to move on from one-size-fits-all options in web platforms. We don’t believe in band-aid solutions or that software that isn’t designed for security or scalability will one day become that. We end website problems by removing them in full.
.. Because “web design” is a term used for everything. When moving over from an old website, we appreciate that you may want the same exact website look and feel, a completely different look and feel, or somewhere in the middle. No matter what, we are translating your desired website look and feel to the Petroglyph UI - our time saving, flexible, in-house starter template which gathers one of the most powerful developer design systems, Tailwind CSS; together with one of the most powerful available Javascript Libraries, Vue JS. From here, we begin fresh code from fonts & colors, to components, to entire website pages and app features. If your front-end code hasn't been refreshed in the last year, it's a huge quality upgrade.
What’s different?
Design progress meetings are different with Aquarian because there is no phase in which we design the website as just a concept image. Every design meeting will include proof of concept in a responsive, living web document where all parties can interact with all decisions made. This is the same code that we ultimately implement in your content management system. This means that we can catch bugs, witness oversights, or change our minds based on how it came out in the early phases, not at some crunched pre-launch, too-late timeframe. By the time the website is ready to launch, everything works and the design is flawless.
Not only do we more over existing content to a new, easy-to-use Content Management System, we design your workflow around everything we have learned about you as a business. Our content modeling practice and authorship experience design practice are informed by everything we have learned from you, the client during the translation design process. Moreover, we design areas for information storage that reflect how the information or content should appear on the front-end as well as make sense to the author. Workflows make sense and updates take less time.
What’s different?
Many content management systems, especially popular ones, install with common-sense conventions and options. This can lead developers into the need to “break out” of these conventions or bend conventions slightly in order to suit their needs, only to revisit the same decisions down the road and see how ultimately they made their job more complicated. This costs the client time and money. The only conventions we arrive with at your project belong to your content and business processes. We set up your website to look like your business and update and grow like your business.
Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.
Aquarian Web Studio enables clients to publish anything they want, whenever they want, as they desire to do so by giving small to medium sized organizations the ultimate flexibility and scaling web development options to fit growing needs. We have implemented hundreds of additional features and changes seamlessly into clients’ websites since 2010.
New tutorial: Install @eecms for Securityhttps://t.co/GtdcXYEH1E
— Aquarian Web Studio (@artnweb) July 26, 2021
Aquarian Web Studio offers a combined 40+ years of web problem solving for clients and is led by Caroline Blaker, a nationally renowned “tech lead” who guides efficient, focused contractors with her fifteen years of web creation. Caroline has twelve years’ experience programming in Wordpress, and has utilized ExpressionEngine for the benefit of her clients since version 1.6.3!
This field has an error.
This field has an error.
No way am I styling those things. Have you read about what it takes just to change their color? Psh. You have to hide the actual element and reproduce a styled shape that looks just like this but a different color. The whole thing just feels dishonest.