Our New Expression.

It all starts here. Use this guide as a high-level overview of how the selfpublishing.com brand comes to life.

BRAND BOOK

‍To ensure our brand is strong, it's necessary to maintain consistency in the visual identity, which requires some guidelines.With this material, we guarantee that everyone is aligned with the same principles when building the brand's visual part. It guides us in all the actions we perform.

65F9947C04D011B9E3F13592 Cover05

COLORS

Brand Colors

Our color palette merges innovation with tradition, where deep teals represent the guidance we offer in publishing. Parchment honors the timeless craft of writing. Blankpage evokes the concept of a new beginning.

Evergreen, our standout color, reflects the steadfast support we provide within the publishing realm. Embodying the resilience of the evergreen tree, it signifies growth, renewal, and endurance. We strategically deploy evergreen in key elements to elevate user experience and influence brand perception. Tealure is chosen for the colored version of our logo and for icons on a white background, introducing a vibrant yet refined aspect to our visual identity.

Tealure: #008672   | RGB 0, 134, 114    | CMYK 100, 0, 15, 47

Evergreen: #004A3F   | RGB 0, 74, 63     | CMYK 100, 0, 15, 71

Midnight: #003028    | RGB 0, 48, 40    | CMYK 100, 0, 17, 81

Inkwell: #061415   | RGB 6, 20, 21    | CMYK 71, 5, 0, 92

Parchment: #F2D9BB   | RGB 242, 217, 187    | CMYK 0, 10, 23, 5

Blankpage: #F7F6F0   | RGB 247, 246, 240    | CMYK 0, 0, 3, 3

Gradients

We use gradients only in background screens, specifically two gradients: from evergreen to inkwell and from evergreen to midnight. The gradient is subtle, adding a touch of modernity to our website and social media, always applied judiciously and in specific locations, in 0 or 90º angle.

Evergreen: #004A3FMidnight: #003028
Evergreen: #004A3FMidnight: #003028

Accent Colors

Our accent colors accentuate crucial features with precision. Copperpen enlivens call-to-action buttons, and editorial red highlights urgent messages. Sage and sunbeam enhance backgrounds needing versatility, carefully guiding focus in our visual design. These hues are meticulously applied to adorn our visuals and steer attention to where it matters most.

Sage: #E3F5F0   | RGB 227, 245, 240    | CMYK 7, 0, 2, 4

Sunbeam: #F5A81B   | RGB 245, 168, 27    | CMYK 0, 31, 89, 4

Copperpen: #FD7D4B   | RGB 253, 125, 75   | CMYK 0, 51, 70, 1

Editorial Red: #E52713   | RGB 229, 39, 19    | CMYK 0, 83, 92, 10

TYPOGRAPHY

Our typography is, first and foremost, easy to read. It also reinforces our brand as being authoritative while also remaining accessible to our authors.

01. Montserrat

Montserrat serves as the primary title font in the visual identity. Its modern, geometric design is exceptionally versatile, ideal for headings, logos, and any text that requires emphasis. This sans-serif font's clean and contemporary style ensures that main headings stand out with a distinct flair.

ABCDEFGHIJKLMNOPQRSTUVWXYZ. abcdefghijklmnopqrstuvwxyz. 1234567890. !@#$%^&*()<>?

02. Poppins

Poppins, as the secondary body font, complements Montserrat beautifully. This sans-serif font is characterized by its readability and modern touch. It's perfectly suited for subheadings, secondary text, captions, and other less prominent web text elements, providing a harmonious balance with the primary font.

ABCDEFGHIJKLMNOPQRSTUVWXYZ. abcdefghijklmnopqrstuvwxyz. 1234567890. !@#$%^&*()<>?

03. Playfair Display

Playfair Display adds an elegant touch, acting as the tertiary title font. With its high contrast and distinctive style, this serif font is perfect for special headings and quotes. It brings a sense of elegance and formality, ideal for moments where personality and sophistication are key.

ABCDEFGHIJKLMNOPQRSTUVWXYZ. abcdefghijklmnopqrstuvwxyz. 1234567890. !@#$%^&*()<>?

04. Gloria Hallejujah

Montserrat serves as the primary title font in the visual identity. Its modern, geometric design is exceptionally versatile, ideal for headings, logos, and any text that requires emphasis. This sans-serif font's clean and contemporary style ensures that main headings stand out with a distinct flair.

ABCDEFGHIJKLMNOPQRSTUVWXYZ. abcdefghijklmnopqrstuvwxyz. 1234567890. !@#$%^&*()<>?
H1

This is a Header.

Font: Playfair Display | Size: 65px | Weight: 800 – Extra Bold

H2

This is a Header.

Font: Montserrat | Size: 45px | Weight: 800 – Extra Bold

H3

This is a Header.

Font: Montserrat | Size: 34px | Weight: 800 – Extra Bold
H4

This is a Header.

Font: Poppins | Size: 26px | Weight: 800 – Extra Bold
H5
This is a Header.
Font: Poppins | Size: 21px | Weight: 800 – Extra Bold
H6
This is a Header.
Font: Poppins | Size: 15px | Weight: 800 – Extra Bold
LARGE PARAGRAPH Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Font: Poppins | Size: 19px | Weight: 400 – Normal

PARAGRAPH

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Font: Poppins | Size: 15px | Weight: 400 – Normal

SAMLL PARAGRAPH

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Font: Poppins | Size: 13px | Weight: 400 – Normal

QUOTE
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Font: Playfair Display | Size: 20px | Weight: 600 – Semi Bold

LIST

  • Heading line height is fixed
  • All buttons now have tooltips
  • Spell checker number issue fixed

Font: Poppins | Size: 15px | Weight: 400 – Normal

IN BODY LINK

This is a hyperlink.

Font: Poppins | Size: 15px | Weight: 400 – Normal

FIGURE WITH CAPTION

65F3B0C8C5848F7714347F0A Placeholder2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Font: Poppins | Size: 13px | Weight: 400 – Normal

IMAGE BANK

The different text sizes used throughout our site and landing pages.

GRAPHICS & ICONS

These graphic elements are more than mere decorations; they are fundamental building blocks that contribute to the unique and recognizable presence of our brand.

Icons

The icon set is clean and simple and can be used on the website, landing pages, graphics, and in print. The minimalist style makes it possible to make the icons very small, without losing any details. This iconography is a growing library that expands to meet our evolving needs. They are always used with their outlines only, never filled, ideally in white or Blankpage for dark backgrounds and Evergreen or black for light backgrounds.
65F3Ceeabb2Af78E10272627 Hand

Money

65F3D5A421947730Eb4Fce68 Pencil

Pencil

65F3D34F3656B1606Efe3414 Microphone

Microphone

65F3D5530D602Ce914618Bf4 Book

Book

65F3D8Dca0Ca2D5Ac218Dfa3 Protest 2865701

Strenght

65F3D22Ec5848F77144F0B1B Writing

Writing

65F3D4Bc3B7F98734204D400 Clock

Time

65F3D5Fe03F0Efd92294Eff0 Grow

Grow

65F3D697C1049Ec53Bdbe69A Idea

Idea

65F3D8548F99975B104Fa5Bf Rocket

Rocket

65F3D8Dc0715787381A13713 Medal 1851036

Medal

65F3D8Dd3B7F98734208C0C7 Promotion 1077221

Promotion

Red Graphics

Our red graphics draw inspiration from annotations made with a red pen, mirroring the meticulous process of book editing. These serve as a vivid and playful expression of our services. To maintain visual clarity and prevent overcrowding, they should be used sparingly such as in this brand book.
65F3Debc3656B1606E08D42E Underline
65F3Ab998A7F97Bbb8Dc9586 Circle Red 1
65F3Dff1D2Eef559A3189703 Undwelinw2
65F3E2E30B26F6Ac0C35D3C4 Arrow
65F3E08Bcf7C3C6Adab2F8Ae Red Underline2
65F3E449418D6Ac972Cf198E Arrow1
65F3E19206C6F6Fde4016C72 Oval
65F3E3B1C574Eebf88A3E097 X
65F3Abf090B753Ac71F7A464 Red Underline 1
65F3E6Fadce1Be36B874E797 Und2
65F3E740766Cb23A113260E4 Block
65F3E789E23C9D13669A6C0B Circu
65F3E87Da68A386635291Ddf Square
65F3E7Ff497C516Db120Dc88 Add
65F3E9Fc0Df16Ddbfb3E5Cff Dou

Patterns

Our brand pattern is inspired by the geometric simplicity of rectangular book covers. This repetitive design complements our aesthetic and ensures our brand's essence is communicated effectively. Use it with moderation to prevent visual clutter and foster the right emotional connection with our clients.

65Fc27786B2C0Baaafca6A7A Pattern01
65Fc27Db662C39C5C5E5957D Pattern02

APPLICATIONS

Examples of our brand identity applied across platforms.
65Fdb846C184A7A951D058A6 Swags01 P 3200
01
03
02
Post Cards
Swags02
Instagram
Platform Scaled