Devnest Crimson: SaaS Website Design

Type
Brand and website concept
Brand
Devnest
Year
2022

Devnest Crimson is a SaaS website design for software startups that want a bold, memorable brand. It includes six desktop page designs (home, about, services, web development, blog and contact) built on one crimson curve, a squared display face and a reusable section system.

Devnest Crimson SaaS website showcase: the home page large in front of the about and services pages on a red gradient.

The brief

A SaaS website design with startup brand energy

A software company has a few seconds to look both capable and human. Devnest Crimson answers with colour: one saturated red used with discipline, set against clean white pages, so the brand is recognisable from the first screen. It is a SaaS website design where the identity and the layout are drawn together.

The design treats the website as the main place a startup introduces itself. Every section, from the hero to the footer, is planned so a visitor learns what the company does, who it serves and how to start a conversation, without scrolling through decoration.

What we built

How the Devnest Crimson website is built

A large crimson curve sweeps across the home hero and carries a portrait, a growth chart card, a stats band and the main call to action. Headings use a wide, squared display face in capitals, paired with a clean sans for body text. The type gives the startup branding a confident, engineered voice.

The home page runs through a hero, a trusted-by logo row, four service rows, a client logo strip, a testimonial carousel, a projects showcase and a closing call to action. Service images sit in rounded frames with dotted red outlines. The about page adds a company profile banner, mission and vision, a CEO message and a team grid.

Services and web development pages bring in a pink panel of service tabs, red feature cards, a row of industry icons and a blog preview. Testimonial and closing bands use a red to maroon gradient, so each page alternates between white and deep colour. The blog page lays out a featured article, editor picks, a tag list and a FAQ, and the contact page keeps a single short form.

Outcome

A crimson SaaS site structure, ready to brand

A business that adopts Devnest Crimson starts with a complete, ready-to-brand structure for a SaaS marketing site: six page designs, a library of repeatable sections, and a colour and type system defined once and applied everywhere. The structure is ready to take the company's own copy, logos and product screens.

Six pages and the crimson curve system

  • Six desktop page designs: Home, About, Services, Web Development, Blog and Contact
  • A crimson curved hero with portrait, chart card and stats band
  • Trusted-by and client logo strips, with a testimonial carousel
  • Service rows with dotted-outline imagery and a pink service tab panel
  • About page with mission, vision, CEO message and team grid
  • Blog layout with featured article, editor picks, tag list and FAQ accordion
  • Contact form and a footer with information and support columns

Devnest Crimson, page by page

Six pages, scroll to move through each one.

Home

Full-length Devnest Crimson SaaS website home page design with a red curved hero, headline, stats band, services rows and a testimonial carousel.

About

Full-length Devnest Crimson SaaS website about page design with a company profile banner, mission and vision, CEO message and team grid.

Services

Full-length Devnest Crimson SaaS website services page design with a pink panel of service tabs above a row of red feature cards.

Web Development

Full-length Devnest Crimson SaaS website web development page design with a hero monitor mock-up, service tabs, industry icons and a testimonial band.

Blog

Full-length Devnest Crimson SaaS website blog page design with a featured article, editor picks, tag list and FAQ accordion.

Contact

Full-length Devnest Crimson SaaS website contact page design with a short contact form and red send button.

Want a site like this?

Tell us what you are building and we will come back with a written scope.
Get a Quote

Questions about Devnest, Crimson

  • Devnest Crimson includes six desktop page designs: Home, About, Services, Web Development, Blog and Contact. Together they cover a hero, trusted-by logos, service rows, mission and vision, a CEO message, team, testimonials, a blog with FAQ, a contact form and a footer.
  • It suits software startups and early SaaS teams that want a bold, colour-led brand and a clear path from first visit to contact. The layout works for companies selling app development, web development or custom software, and the sections can be reordered around the offer.
  • Devnest Crimson takes your brand, copy and product in place of the sample content, as part of Websites & Ecommerce and Brand Identity work. Colour, type, logo and the page list are adjustable, and sections can be added or removed.
Next projectDevnest, VioletDevnest

Let's put this in writing.

Tell us what you need. A reply comes within one business day, the written scope with dates follows the call within one business day, and you own every file, login and domain from the day it ships.