Home

Meet the S&P
Corporate Website

Auf diesen Seiten findest Du die Details zum Corporate Design der S&P Computersysteme GmbH. Neben Patterns und Elementen findest Du auch unsere Farben und Schriften.
Des Weiteren finden sich neben den Presseinformationen auch entsprechende Downloads zu Broschüren und Informaterial unserer Services.

S&P Computersysteme GmbH

LOREM IPSUM

Feature List

  • Webflow Optimised
  • Retina ready
  • Responsive
  • Intuitive & Easy-to-use Class Naming
  • Extremely Customizable
  • Smooth Animations
  • Great Performance
  • Modern & Clean Layout
  • Free Google Fonts
  • Powerful CMS Collections
  • Clear CMS Structure & Tooltips
  • Smooth User Experience
  • Premium Support

Site Map (Website Pages):

  • Home / Landing Page
  • Company Page
  • Service Page (3 Variations)
  • Contact Page
  • Blog Page
  • Blog Item Page
  • Category Page
  • Frequently Asked Questions
  • Style Guide
  • 404 Page
  • Password Page

1st

Patterns & Assets

Looking for help? Contact Support

Shape Patterns

Use these shape templates to add interest to any image sections you required. These are avilable for download in SVG format below.

Image Shapes (Mask)

Use this SVG shape to easily mask your own images and keep the angled style we have applied to images.

Colour Palette

Looking for help? Contact Support

Primary Palette

Fill Colours
Brand
#ffb607
SuPCIS Blue
#004e9e
Rock Bottom
#132433
Dark Slate
#2e3642
Slate Grey
#546681
SuPer Grey
#202020
Solid Grey
#333333

Typograhy Palette

Grey Colours
Downriver
#0a1f44
Port Gore
#546681

Typograhy Palette

Neutral Tone
Ghost
#c1c7d0
Casper
#fafbfc
White
#ffffff

Typography Styles

Looking for help? Contact Support

Headings

Typography - Barlow

Aa Bb Cc Dd Ee

Heading 1
55px

Aa Bb Cc Dd Ee

Heading 2
44px

Aa Bb Cc Dd Ee

Heading 3
36px

Aa Bb Cc Dd Ee

Heading 4
34px
Aa Bb Cc Dd Ee
Heading 5
28px
Aa Bb Cc Dd Ee
Heading 6
24px

Body Copy

Typography - Barlow

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph Large
18px

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph Normal
16px

Quotes

Typography - Barlow
The ultimate Interface component kit built to create harmony across your products.
Plain Quote Block
18px
The ultimate Interface component kit built to create harmony across your products.
Additional Detail Messages
18px

Additional Copy Elements

Typography - Barlow
  • Example Item 1
  • Example Item 2
  • Example Item 3
List Items - Dots
16px
  • Example Item 1
  • Example Item 2
  • Example Item 3
List Items - Numbers
16px
  • Example Item 1
  • Example Item 2
  • Example Item 3
List Items - Letters
16px

Additional Copy Elements

Typography - Barlow

This line rendered as bold text.

Bold Text
18px

This line rendered as italicized text.

Italicized Text
18px

This line of text is meant to be treated as deleted text.

Deleted Text
18px

This line of text is meant to be treated as deleted text.

Underline Text
18px

You can use the mark tag to highlight text.

Highlight Text
18px

Presse

Informationen und Bildmaterial

Informationen und Bildmaterial

Typography - San Francisco 700

You can use the mark tag to highlight text.

Highlight Text
18px

Logo Set und weitere Downloads

Downloads