{Troy Web Consulting Style Guide}

Note: For paragraph text, the line height should not be set to automatic, but rather to 1.4 em to prevent it from becoming too blocky and increase scanability. For Headings it should be set to 1.1 em

1. Typography

Heading 1 (League Gothic Reg 72px) min 36

Heading 6 (Open Sans Bold 16px) min 18px

Heading 2 (League Gothic Reg 60px) min 32

Heading 3 (Permanent Marker 26px) min 22

Heading 4 (Open Sans Bold 26px) min 22

Heading 5 (Open Sans Bold 22px) min 20

I'm a paragraph 1. I should be used on cards and to make big impact statements. (Open Sans 22px) min 18

I'm a paragraph 2. I should be used on paragraphs of copy found within a page. (Open Sans 18px) min 16

I'm a paragraph 3. I should be used within photo captions. (Open Sans 16px ) min 14

1. Color

Troy Web Orange

#E77436

Troy Web
Slate

#51525B

Troy Web Yellow

#FFCD4F

Light Grey

#EFEFEF

White

#FFFFFF

Charcoal

#303030

Note: Yellow should be used only as an accent color in relation to Troy Web's orange. In order to complement it. E.g. yellow border on orange button hovers and linear elements on orange background below.

30px between elements

3. Buttons

Primary

Note: Buttons should all have a 10px corner radius to reflect the round edges of the {tw} icon.

Note: Button height should be consistently 48px high

Note: Primary buttons should use the Permanent Marker font, League Gothic is too condensed to be advisable for smaller text situations like buttons and is thus only utilized for H1's. The permanent marker font is meant to be used in calls to action and express the scrappiness of starting a project with a drawing on a cocktail napkin. This idea is also evoked by the 'brush' section transitions

4. Components

Note: Round corners of containers and tabs meant to emulate structure of the Troy Web monogram {tw}. Set corners to a 20px radius

Note: Dropshadows should be configured the following way on all elements:

0° angle

3 px distance

10 px blue

#000000 color at 0% opacity

Early analysis of requirements, processes, and readiness will allow you to plan your software development project. It also reduces risk and ensures that you build what is really needed. Our comprehensive assessment and analysis process not only identifies risks but also helps us devise a strategy for effective design, build, and deployment of your software.

Assessment & Analysis

Design plays a critical role in your product’s success. Usability and user experience (UX) are driven by a comprehensive design process that includes: high-level design strategy (What should be built?), interaction design (How will the system work?) and visual design (What will the system look like?). Our design process includes methods that help us adapt to any situation while making informed design decisions.

UI/UX Design

Engineering your software to perform at today’s standards is no trivial task. From security requirements and data privacy to device compatibility and maintainability, there are hundreds of factors that go into planning your product and deciding which tools and technology to use. We have the knowledge and wisdom to put together a comprehensive technical architecture plan for your system--one that will be cost-effective and robust enough to stand the test of time.

Architecture

Developing the code behind your software requires forward-thinking and fail-proof techniques to capture every scenario. Our software engineers use industry-standard design patterns, libraries, and frameworks to get your project off the ground reliably. Our coding techniques optimize maintainability for expansion and lean operational management. We are experts in the leading programming languages, platforms, and frameworks.

Programming

Some software development companies promote agile project management method while others swear by traditional project management methods like waterfall. At Troy Web Consulting, we use a hybrid approach, which combines key principles and elements of agile and traditional methods custom tailored to your project. Yes, you want to be able to react quickly to market changes and bring products to market quickly. But you also need to adhere to processes that guarantee the outcome will match the requirements.

Project Mangement

Usability, accessibility and performance testing is key to ensuring that your software is free of errors. We have a full team of QA and development engineers who perform a variety of tests across multiple platforms and operating systems to ensure the solutions we build meet functional and operational requirements. Services include: Accessibility Compliance (considerations for Section 508 and ADA), Security/Penetration, Performance/Scalability, Functional, Browser & Device Compatibility.

Quality Assurance & Testing

Note: Galleries should be set to stretch nearly the full width of the page. Maintaining the rounded element of the TW Icon. There should be a consistent 30 px of padding between them.

Mobile App Development

Check out what our team put together over a few months in Vue.JS.

Content in cards should have a consistent 30px of padding

Content at max should live within a 3 column grid to accommodate friendly larger text.

Custom Software Development

Software Consulting & Assessment

UI/UX Design

{Troy Web Consulting Style Guide}

1. Typography

Heading 1 (League Gothic Reg 72px) min 36

Heading 6 (Open Sans Bold 16px) min 18px

Heading 2 (League Gothic Reg 60px) min 32

Heading 3 (Permanent Marker 26px) min 22

Heading 4 (Open Sans Bold 26px) min 22

Heading 5 (Open Sans Bold 22px) min 20

1. Color

3. Buttons

4. Components

Assessment & Analysis

UI/UX Design

Architecture

Data Analytics

Programming

Project Mangement

Quality Assurance & Testing

Support & Maintenance

Mobile App Development

Hire a Secure, reliable, onshore custom software development Partner

Company

Industries

Services

Technologies