BoilerplateCodeBRAND KITDownload everything

BoilerplateCode

BoilerplateCode accelerates software development with structured starter kits, reusable architectures and developer-ready foundations.

boilerplatecode.dev
Core identity

Logo suite

Download logo suite
Clear space
0.12 × the logo height on every side
Minimum size
Horizontal 271px · Stacked 119px · Wordmark 109px · Symbol 32px · Avatar 48px

Primary logo (horizontal)

  • horizontal-color.pnghorizontal-color.png28 KB · 1600×262Download
  • horizontal-color.svghorizontal-color.svg5.1 KB · 635×104Download

Stacked / vertical logo

  • stacked-color.svgstacked-color.svg5.1 KB · 408×258Download
  • stacked-color.pngstacked-color.png38 KB · 1600×1012Download

Logomark / symbol

  • symbol-color.svgsymbol-color.svg513 B · 128×128Download
  • symbol-color.pngsymbol-color.png9.9 KB · 1024×1024Download

Wordmark

  • wordmark-color.svgwordmark-color.svg4.9 KB · 518×68Download
  • wordmark-color.pngwordmark-color.png30 KB · 1600×210Download

Emblem / badge

  • avatar-color.svgavatar-color.svg622 B · 512×512Download
  • avatar-color.pngavatar-color.png4.3 KB · 512×512Download

Full colour on dark

  • horizontal-reverse-color.svghorizontal-reverse-color.svg5.1 KB · 635×104Download
  • horizontal-reverse-color.pnghorizontal-reverse-color.png21 KB · 1600×262Download
  • stacked-reverse-color.svgstacked-reverse-color.svg5.1 KB · 408×258Download
  • stacked-reverse-color.pngstacked-reverse-color.png30 KB · 1600×1012Download
  • wordmark-reverse-color.svgwordmark-reverse-color.svg4.9 KB · 518×68Download
  • wordmark-reverse-color.pngwordmark-reverse-color.png21 KB · 1600×210Download
  • symbol-reverse-color.svgsymbol-reverse-color.svg521 B · 128×128Download
  • symbol-reverse-color.pngsymbol-reverse-color.png10.0 KB · 1024×1024Download
  • avatar-reverse-color.svgavatar-reverse-color.svg630 B · 512×512Download
  • avatar-reverse-color.pngavatar-reverse-color.png4.1 KB · 512×512Download

Mono black

  • horizontal-black.svghorizontal-black.svg5.1 KB · 635×104Download
  • horizontal-black.pnghorizontal-black.png25 KB · 1600×262Download
  • stacked-black.svgstacked-black.svg5.1 KB · 408×258Download
  • stacked-black.pngstacked-black.png35 KB · 1600×1012Download
  • wordmark-black.svgwordmark-black.svg4.9 KB · 518×68Download
  • wordmark-black.pngwordmark-black.png27 KB · 1600×210Download
  • symbol-black.svgsymbol-black.svg513 B · 128×128Download
  • symbol-black.pngsymbol-black.png9.2 KB · 1024×1024Download
  • avatar-black.svgavatar-black.svg622 B · 512×512Download
  • avatar-black.pngavatar-black.png3.8 KB · 512×512Download

Mono white / reversed

  • horizontal-white.svghorizontal-white.svg5.1 KB · 635×104Download
  • horizontal-white.pnghorizontal-white.png19 KB · 1600×262Download
  • stacked-white.svgstacked-white.svg5.1 KB · 408×258Download
  • stacked-white.pngstacked-white.png29 KB · 1600×1012Download
  • wordmark-white.svgwordmark-white.svg4.9 KB · 518×68Download
  • wordmark-white.pngwordmark-white.png21 KB · 1600×210Download
  • symbol-white.svgsymbol-white.svg513 B · 128×128Download
  • symbol-white.pngsymbol-white.png9.0 KB · 1024×1024Download
  • avatar-white.svgavatar-white.svg622 B · 512×512Download
  • avatar-white.pngavatar-white.png3.8 KB · 512×512Download

Single brand colour

  • horizontal-primary.svghorizontal-primary.svg5.1 KB · 635×104Download
  • horizontal-secondary.svghorizontal-secondary.svg5.1 KB · 635×104Download
  • horizontal-primary.pnghorizontal-primary.png28 KB · 1600×262Download
  • horizontal-secondary.pnghorizontal-secondary.png28 KB · 1600×262Download
  • stacked-primary.svgstacked-primary.svg5.1 KB · 408×258Download
  • stacked-primary.pngstacked-primary.png38 KB · 1600×1012Download
  • stacked-secondary.svgstacked-secondary.svg5.1 KB · 408×258Download
  • stacked-secondary.pngstacked-secondary.png38 KB · 1600×1012Download
  • wordmark-primary.svgwordmark-primary.svg4.9 KB · 518×68Download
  • wordmark-secondary.svgwordmark-secondary.svg4.9 KB · 518×68Download
  • wordmark-primary.pngwordmark-primary.png30 KB · 1600×210Download
  • wordmark-secondary.pngwordmark-secondary.png30 KB · 1600×210Download
  • symbol-primary.svgsymbol-primary.svg515 B · 128×128Download
  • symbol-secondary.svgsymbol-secondary.svg517 B · 128×128Download
  • symbol-primary.pngsymbol-primary.png9.2 KB · 1024×1024Download
  • symbol-secondary.pngsymbol-secondary.png9.2 KB · 1024×1024Download
  • avatar-primary.svgavatar-primary.svg624 B · 512×512Download
  • avatar-primary.pngavatar-primary.png3.7 KB · 512×512Download
  • avatar-secondary.svgavatar-secondary.svg626 B · 512×512Download
  • avatar-secondary.pngavatar-secondary.png3.8 KB · 512×512Download

Logo source files

Core identity

Colour palette

  • Primaryprimary
    HEX
    #238E58
    RGB
    35, 142, 88
    HSL
    150°, 60%, 35%
    CMYK
    75, 0, 38, 44
    Aa4.13 · AA largeAa5.08 · AA

    --brand-primary

  • Secondarysecondary
    HEX
    #2CB6C5
    RGB
    44, 182, 197
    HSL
    186°, 63%, 47%
    CMYK
    78, 8, 0, 23
    Aa2.44 · FailAa8.60 · AAA

    --brand-secondary

  • Whiteneutral
    HEX
    #FFFFFF
    RGB
    255, 255, 255
    HSL
    0°, 0%, 100%
    CMYK
    0, 0, 0, 0
    Aa1.00 · FailAa21.00 · AAA

    --brand-white

  • Blackneutral
    HEX
    #111111
    RGB
    17, 17, 17
    HSL
    0°, 0%, 7%
    CMYK
    0, 0, 0, 93
    Aa18.88 · AAAAa1.11 · Fail

    --brand-black

  • Paperbackground
    HEX
    #F6FAF8
    RGB
    246, 250, 248
    HSL
    150°, 29%, 97%
    CMYK
    2, 0, 1, 2
    Aa1.05 · FailAa19.95 · AAA

    --brand-paper

  • Inktext
    HEX
    #172D35
    RGB
    23, 45, 53
    HSL
    196°, 39%, 15%
    CMYK
    57, 15, 0, 79
    Aa14.35 · AAAAa1.46 · Fail

    --brand-ink

Core identity

Typography

Download typography
  • AaThe quick brown fox jumps over the lazy dog400500600700
    IBM Plex Monoheading
    Weights 400, 500, 600, 700Headingsfont-family: "IBM Plex Mono", sans-serif;Get the font
  • AaThe quick brown fox jumps over the lazy dog400500600700
    Source Sans 3body
    Weights 400, 500, 600, 700Body textfont-family: "Source Sans 3", sans-serif;Get the font
  • AaThe quick brown fox jumps over the lazy dog700
    Menlodisplay
    Weights 700Logo lettering (artwork)font-family: "Menlo", sans-serif;

Font files

Core identity

Voice & messaging

Elevator pitch
BoilerplateCode accelerates software development with structured starter kits, reusable architectures and developer-ready foundations.
Core identity

Brand guidelines

Download brand guidelines
Hosted guidelines page
https://boilerplatecode.dev/brand/identity/brand-guidelines.html

Brand book

Visual language

Patterns, textures & gradients

Download patterns, textures & gradients

Patterns

  • pattern-01.pngpattern-01.png49 KB · 1200×1200Download
  • pattern-01.svgpattern-01.svg6.4 KB · 1200×1200Download
  • pattern-02.svgpattern-02.svg6.4 KB · 1200×1200Download
  • pattern-02.pngpattern-02.png54 KB · 1200×1200Download
  • pattern-03.svgpattern-03.svg6.4 KB · 1200×1200Download
  • pattern-03.pngpattern-03.png49 KB · 1200×1200Download
Visual language

Motion & animation

Download motion & animation

Animated logo

  • animated-symbol.svganimated-symbol.svg5.5 KB · 200×200Download
  • animated-logo.svganimated-logo.svg11 KB · 718×141Download
  • animated-logo-loop.svganimated-logo-loop.svg11 KB · 718×141Download
  • animated-symbol.webpanimated-symbol.webp43 KBDownload

Transitions & loaders

Digital & web

Favicons & app icons

Download favicons & app icons
theme-color
#172D35
Manifest background colour
#F6FAF8

favicon.svg

  • favicon-dark.svgfavicon-dark.svg599 B · 128×128Download
  • favicon-light.svgfavicon-light.svg599 B · 128×128Download

favicon.ico

Apple touch icon

  • apple-touch-icon.pngapple-touch-icon.png1.8 KB · 180×180Download

Android / PWA icon

  • android-light-192.pngandroid-light-192.png1.9 KB · 192×192Download
  • android-dark-192.pngandroid-dark-192.png1.8 KB · 192×192Download

PWA icon

  • android-light-512.pngandroid-light-512.png7.4 KB · 512×512Download
  • android-dark-512.pngandroid-dark-512.png7.2 KB · 512×512Download

Maskable icon

  • android-maskable-light-512.pngandroid-maskable-light-512.png7.2 KB · 512×512Download
  • android-maskable-dark-512.pngandroid-maskable-dark-512.png6.9 KB · 512×512Download

Other files

Digital & web

Website & share images

Download website & share images
Default page title
BoilerplateCode — Production-ready starter kits and application boilerplates
Meta description
BoilerplateCode accelerates software development with structured starter kits, reusable architectures and developer-ready foundations.

Open Graph image

  • open-graph.pngopen-graph.png56 KB · 1200×630Download
  • open-graph.svgopen-graph.svg177 KB · 1200×630Download
Digital & web

Design tokens & UI kit

Download design tokens & ui kit
CSS variablesTailwind v4 themeDesign tokens JSON

UI kit source

Digital & web

Email kit

Download email kit

Email signature

Newsletter header

  • email-header.pngemail-header.png34 KB · 1200×400Download
  • email-header.svgemail-header.svg35 KB · 1200×400Download
Social & ads

Social media kit

Download social media kit

Profile picture

  • profile-avatar.pngprofile-avatar.png9.8 KB · 512×512Download
  • profile-avatar.svgprofile-avatar.svg622 B · 512×512Download

Facebook cover

  • facebook-cover.svgfacebook-cover.svg35 KB · 1640×624Download
  • facebook-cover.pngfacebook-cover.png61 KB · 1640×624Download

LinkedIn profile banner

  • linkedin-banner.pnglinkedin-banner.png39 KB · 1584×396Download
  • linkedin-banner.svglinkedin-banner.svg35 KB · 1584×396Download

YouTube banner

  • youtube-banner.svgyoutube-banner.svg36 KB · 2560×1440Download
  • youtube-banner.pngyoutube-banner.png115 KB · 2560×1440Download

Instagram post

  • social-portrait.svgsocial-portrait.svg191 KB · 1080×1350Download
  • social-portrait.pngsocial-portrait.png97 KB · 1080×1350Download

Stories & reels cover

Post templates

  • social-square.pngsocial-square.png89 KB · 1080×1080Download
  • social-square.svgsocial-square.svg191 KB · 1080×1080Download
  • carousel-01.pngcarousel-01.png98 KB · 1080×1350Download
  • carousel-02.pngcarousel-02.png72 KB · 1080×1350Download
  • carousel-02.svgcarousel-02.svg52 KB · 1080×1350Download
  • carousel-01.svgcarousel-01.svg197 KB · 1080×1350Download
  • carousel-03.pngcarousel-03.png82 KB · 1080×1350Download
  • carousel-03.svgcarousel-03.svg190 KB · 1080×1350Download
Marketing

Marketing collateral

Download marketing collateral

Tri-fold brochure

  • PDFbrochure.pdf764 KBDownload
  • brochure-outside.pngbrochure-outside.png427 KB · 3579×2551Download
  • brochure-outside.svgbrochure-outside.svg362 KB · 1212×864Download
  • brochure-inside.svgbrochure-inside.svg417 KB · 1212×864Download
  • brochure-inside.pngbrochure-inside.png442 KB · 3579×2551Download

Other files

Print & merchandise

Stationery

Download stationery

Business card

  • PDFbusiness-cards.pdf97 KBDownload
  • business-card-front.svgbusiness-card-front.svg35 KB · 960×560Download
  • business-card-front.pngbusiness-card-front.png49 KB · 1134×662Download
  • business-card-back.pngbusiness-card-back.png49 KB · 1134×662Download
  • business-card-back.svgbusiness-card-back.svg44 KB · 960×560Download

Letterhead

Print & merchandise

Documents & presentations

Download documents & presentations

Presentation deck

  • presentation-cover.svgpresentation-cover.svg177 KB · 1920×1080Download
  • presentation-section.pngpresentation-section.png101 KB · 1920×1080Download
  • presentation-cover.pngpresentation-cover.png118 KB · 1920×1080Download
  • presentation-section.svgpresentation-section.svg170 KB · 1920×1080Download
Media & communications

Video kit

Download video kit

Meeting background

  • virtual-background.pngvirtual-background.png60 KB · 1920×1080Download
  • virtual-background.svgvirtual-background.svg21 KB · 1920×1080Download