BoilerplateCode
BoilerplateCode accelerates software development with structured starter kits, reusable architectures and developer-ready foundations.
TechnicalPracticalOrganised
Start from a sound scaffold
Starter code is valuable when its structure is already coherent and reusable.
Graphic language: A three-layer scaffold exposes a protected extension seam and one build-ready opening.
Composition: Use a technical margin, layered captions and one intentional open seam; cards resemble a concise repository cover.
Your new identity is selected. This complete kit follows that choice. Manage logo choices ↗
One identity. Every format.
5 lockups × 6 treatments. Selected vector artwork and original outlined lettering are preserved.
Browser & app icons.
Download favicon set ZIP ↗Show the exact chosen compact mark at favicon, browser-tab, app-icon and avatar sizes; retain any documented source matte or native counter shapes. Real 16 / 32 / 48 pixel ICO payloads; PNG exports at 16 / 32 / 48 / 96 pixels.
Light browser tabs
BoilerplateCodeactual pixels
actual pixels
actual pixels
Dark browser tabs
BoilerplateCodeactual pixels
actual pixels
actual pixels
App launcher previews
Maskable safe zone & Safari
192 / 512 px exports
Exact approved mono symbol
Complete favicon set ZIPMulti-size ICOOriginal SVGApple 180 PNGAndroid 512 PNGMaskable 512 PNGSafari pinned-tab SVGWeb manifestWebsite head snippetBrowser & app preview ↗Icon usage notes
The original SVG preserves the saved mark. Themed icon exports uniformly fit its existing paint; app tiles use opaque brand backgrounds. Manifest paths target a production root and can be adapted for a subpath.
Purposeful colour.
#238E58
Primary
RGB 35, 142, 88
Approx. CMYK 75 / 0 / 38 / 44
RGB 35, 142, 88
Approx. CMYK 75 / 0 / 38 / 44
#2CB6C5
Secondary
RGB 44, 182, 197
Approx. CMYK 78 / 8 / 0 / 23
RGB 44, 182, 197
Approx. CMYK 78 / 8 / 0 / 23
#172D35
Ink
RGB 23, 45, 53
Approx. CMYK 57 / 15 / 0 / 79
RGB 23, 45, 53
Approx. CMYK 57 / 15 / 0 / 79
#F6FAF8
Paper
RGB 246, 250, 248
Approx. CMYK 2 / 0 / 1 / 2
RGB 246, 250, 248
Approx. CMYK 2 / 0 / 1 / 2
#FFFFFF
White
RGB 255, 255, 255
Approx. CMYK 0 / 0 / 0 / 0
RGB 255, 255, 255
Approx. CMYK 0 / 0 / 0 / 0
#111111
Black
RGB 17, 17, 17
Approx. CMYK 0 / 0 / 0 / 93
RGB 17, 17, 17
Approx. CMYK 0 / 0 / 0 / 93
sRGB master colours. CMYK values are unprofiled planning estimates. Use the contrast combinations documented in the guide.
A consistent voice in type.
Display / IBM Plex Mono
Start your next application on firmer foundations
Use display type for headlines and short messages. Preserve the original logo lettering and artwork as supplied.
Body / Source Sans 3
Explore structured starter kits, reusable architecture and application foundations that give development a clearer starting point.
Regular for reading, semibold for labels. Font files and their licences are bundled.
Shapes with a shared origin.
A three-layer scaffold exposes a protected extension seam and one build-ready opening. Keep supporting graphics decorative and outside the logo clear space.
Business cards & letterhead.
Print stationery for BoilerplateCode. The card QR opens the brand website; the A4 letterhead keeps a clear writing area beneath its branded header.
Branded header and footer, with space for your letter.
Scan to visit boilerplatecode.dev
Direct destination: https://boilerplatecode.dev
Keep the QR's white border intact and print it at least 20 mm wide, including that border. The original vector file is included.
Print PDFs include 3 mm bleed and defined trim boxes. Keep writing inside the letterhead's documented text area.
A brand that shows up everywhere.
20 visual collateral pieces with brand-specific copy, plus a reusable email signature. SVG sources, PNG exports and print PDFs are included.
The same identity, in motion.
Foundation layers settle into place before the extension seam opens. A build indicator advances through foundation, integration and ready states.
A system you can keep using.
Print layouts include 3mm bleed. Follow the supplied trim boxes; have your print supplier confirm colour profile and brochure fold allowance. Website and contact copy comes from source website content.