Skip to content

Commit

Permalink
feat(pages): new blog pages and optimised layout
Browse files Browse the repository at this point in the history
  • Loading branch information
DanielLeyUX committed Nov 27, 2023
1 parent 3c8014e commit 910e274
Show file tree
Hide file tree
Showing 5 changed files with 273 additions and 25 deletions.
61 changes: 46 additions & 15 deletions src/blog-post1.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ import { Section } from "@kickstartds/ds-agency/section";
import { BlogHead } from "@kickstartds/ds-agency/blog-head";
import { BlogAside } from "@kickstartds/ds-agency/blog-aside";
import { Text } from "@kickstartds/ds-agency/text";
import { Cta } from "@kickstartds/ds-agency/cta";
import { Split } from "@kickstartds/ds-agency/split";
import { PageWrapper } from "./_includes/PageWrapper";

Expand All @@ -28,30 +29,40 @@ export default (props) => (
<Text
text={`
__ tldr: In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand's digital presence. We discuss our unique approach to Design System Consulting, where we align your vision with actionable strategies for seamless and captivating user experiences. Learn how we transform ideas into tangible results with our Design System Creation service, empowering your brand to communicate effectively across digital platforms.__
__ #tldr: Investing in your digital team's growth is crucial for sustainable success. In this article, we highlight Systemics' Design System Trainings, designed to equip your team with the skills they need to harness your design system effectively. Understand how our trainings promote collaboration, shared understanding, and continuous learning, ensuring your design system remains an evolving cornerstone of your digital success. __
## Mastering the Art of Design Systems with Systemics: **A Journey from Vision to Reality**
## Behead the Old, Say Hello to Headless!
Are you tired of being shackled to traditional content management systems (CMS)? Well, chop off the constraints and prepare for a decapitation revolution – welcome to the era of Headless Websites! With our Headless CMS service, brands can enjoy top-notch innovation and creativity. If you're ready to redefine your digital journey, we're just the guys with the right tech-sword. So, buckle up! Just like a great fantasy novel, the world of headless CMS architecture can be both daunting and exhilarating. But don't worry, we promise no dragons...just a lot of awesome design coding!
### Introduction: Unleashing Your Brand's Digital Potential
Welcome to the digital renaissance, where the paintbrush of branding meets the canvas of code. It's time to channel your inner Michelangelo, folks! Here at Systemics, we're not just an ordinary Headless CMS agency - we're the virtuosos of the digital world, creating harmonious symphonies of design systems that turn your brand's vision into a pixel perfect reality.
### Headless CMS: The Power Behind Dynamic Content Distribution
Do you want to deliver a rich, dynamic, and super responsive content experience? No, we're not talking Harry Potter-level magic, we're talking Headless CMS! With our headless CMS architecture, we break down the barriers between content and display, giving you the unparalleled flexibility to deliver your content how, when, and where your users want it. It's like a made-to-order pizza, but for digital content!
### Unraveling The Magic of Design Systems
So, what exactly are design systems? Simply put, they're the visual vocabulary of your brand, the DNA that codes your digital identity. But don't let the simplicity fool you. There's more to them than meets the eye. These magic toolkits weave together a coherent, scalable, and streamlined interface, allowing you to communicate your brand's essence effectively across different platforms.
### Redefining the Digital Journey: The Future is Headless...and Fearless!
**Are you ready to get a head...uhm...*ahead* (gee, we love our puns) in the digital world?** Don't just get ahead, become a trendsetter!
### Systemics: Your Trailblazer in Design System Consulting
Navigating through the complexities of design systems could be as bewildering as wandering aimlessly in a maze. Fear not! This is where we, as your trusted guide, step in. We at Systemics march to the beat of a unique drum, adopting a consultative approach that aligns your vision with actionable strategies. Our goal? To fabricate seamless and captivating user experiences that are not just visually stunning, but deeply resonant with your brand's ethos.
Imagine the Internet as a giant hill. Now, think of your website as an otter, yes, an otter! Without headless CMS, your otter is just...well, an otter. It can move alright, but hills? They're a bit tricky. Now envision smearing your otter with the most luxurious, organic, buttery tech in the game - a headless CMS. Suddenly, that hill doesn't look so daunting. Your otter confidently dives, slides, and glides its way down, offering a ride that is about as smooth as... well, a buttered-up otter sliding down a hill!
### Transforming Ideas into Tangible Results
Here's the fun part! Our Design System Creation service is no less than a potter's wheel, spinning raw ideas into tangible results. Leaning on the power of headless CMS, we provide you with the agility and adaptability to manage content across multiple platforms effortlessly. How do we do it, you ask? We build on the flexibility of independent content delivery, free from the confines of traditional CMS, which allows us to craft tailor-made digital experiences for your brand. Don't believe us? Click [here](/showcases) for some of our greatest hits.
Through headless CMS, it's not just about movement, it's about adaptability. No matter the device, be it a hulking desktop or the slimmest smartphone, your content will adapt and morph faster than a chameleon on a tie-dye shirt! We don't stop there; we ensure your content caters to your users’ preferences, tailoring every pixel, every word to their unique expectations. So, whether your user is a millennial artist who likes a little quirkiness or a serious CEO who appreciates conciseness and clarity, their experience is individually tailored, creating a seamless, personalized journey through your digital landscape.
### A Symphony of Brand Communication
Effective communication is a language, and every brand has its own dialect. Amplifying your brand's unique voice in the cacophony of the digital world can be quite a challenge. That's why we ensure that our design systems are created to be a seamless extension of your brand's communication. Through our work, we unleash the power of your brand's unique narrative, creating a symphony that resonates across the digital landscape.
Ready to take that plunge and slide on to a smoother digital experience? Embrace the headless future with us and set new standards in customer experience. Because at Systemics, we're not just about getting you ahead, we’re about helping you become the butter on the hill in your industry's digital journey!
### Conclusion: From Vision to Reality, With a **Touch of Sarcasm** and a **Healthy Dose of Fun**
Long story short, think of us as your brand's personal stylist in the digital world - but with a much cooler job. We're here to ensure that your brand always looks its best, regardless of the platform. So, leave your brand's digital transformation to us, sit back, relax, and let us take you on a journey - from vision to reality, with a healthy dose of sarcasm and a lot of fun!
Still skeptical about embarking on this journey? We get it! But remember, the proof of the pudding is in the eating. So why not [reach out to us](/disclaimer) or [check out our case studies](/showcases) to see the magic we can create together? Because at Systemics, we believe in making work fun, results tangible, and your brand's digital presence a masterpiece!
## Maintaining Design Integrity in the Headless Universe
#### Design Systems: The Unsung Hero in the Headless Universe
In the realm of Headless CMS, sometimes design and frontend components can feel a bit lost, like a ship adrift in space. That's where our Design Systems come in! They're the unsung heroes, the North Star guiding your frontend safely through the headless universe.
With Design Systems, we ensure your brand's design consistency across the digital vastness of the headless landscape. Think of Design Systems like a detailed blueprint; they catalogue all the components, define their structure, and dictate how they should function and interact across different platforms and devices. It's like having a cosmic rulebook for your frontend components - maintaining their integrity, ensuring their predictability, and promoting scalability in the headless cosmos.
Our experts, equipped with the mastery of Design Systems, are like skilled architects and engineers. They not only construct, but also consistently uphold the visual and functional integrity of your frontend components. They're not just chopping off heads; they're meticulously carving out the future of digital design without compromising on your vision or aesthetics.
So, leap into the headless universe, confident that your design coherence and frontend component harmony are securely anchored by our Design Systems. You might be going headless, but with us, you'll never lose sight of your design identity.
### Breaking Chains, Building Bridges
So, if you're tired of being held back by traditional CMS and are ready to take your digital presence to the next level, join us at Systemics. It’s time to break the chains and build bridges to a more innovative and flexible digital future. It's time to go headless!
P.S. Still not convinced? Why not check out some of our [Use Cases](/showcases) for some brain-awakening insight? Or give us a call, we promise we won't bite (unlike the dragons in those fantasy novels). **Trust us, we know our headless stuff!**
`}
/>
Expand Down Expand Up @@ -81,5 +92,25 @@ Still skeptical about embarking on this journey? We get it! But remember, the pr
/>
</Split>
</Section>

<Section style="horizontalGradient">
<Cta
align="center"
headline="Wanna know more?"
text="Intrigued by what a kickstartDS-driven website can do for your brand? Let's explore how we can shape your digital journey. Get in touch today."
buttons={[
{
label: "Contact us",
target: "https://app.lemcal.com/@daniel-ley",
icon: "person",
},
{
label: "Book a meeting",
target: "https://app.lemcal.com/@daniel-ley",
icon: "date",
},
]}
/>
</Section>
</PageWrapper>
);
103 changes: 103 additions & 0 deletions src/blog-post2.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,103 @@
import { Section } from "@kickstartds/ds-agency/section";
import { BlogHead } from "@kickstartds/ds-agency/blog-head";
import { BlogAside } from "@kickstartds/ds-agency/blog-aside";
import { Text } from "@kickstartds/ds-agency/text";
import { Cta } from "@kickstartds/ds-agency/cta";
import { Split } from "@kickstartds/ds-agency/split";
import { PageWrapper } from "./_includes/PageWrapper";

export const data = {
title: "Systemics, your Design System Agency Insights",
layout: "base.njk",
eleventyNavigation: {
key: "Post 2",
order: 5,
},
};

export default (props) => (
<PageWrapper>
<Section width="wide">
<Split layout="sidebarRight">
<div>
<BlogHead
date="01/24/2024"
tags={["Design System", "Frontend", "Services"]}
headline="Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality"
image="/static/img/blog/2150714059.jpg"
/>
<Text
text={`
__ #tldr: In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand's digital presence. We discuss our unique approach to Design System Consulting, where we align your vision with actionable strategies for seamless and captivating user experiences. Learn how we transform ideas into tangible results with our Design System Creation service, empowering your brand to communicate effectively across digital platforms.__
## Mastering the Art of Design Systems with Systemics: **A Journey from Vision to Reality**
### Introduction: Unleashing Your Brand's Digital Potential
Welcome to the digital renaissance, where the paintbrush of branding meets the canvas of code. It's time to channel your inner Michelangelo, folks! Here at Systemics, we're not just an ordinary Headless CMS agency - we're the virtuosos of the digital world, creating harmonious symphonies of design systems that turn your brand's vision into a pixel perfect reality.
### Unraveling The Magic of Design Systems
So, what exactly are design systems? Simply put, they're the visual vocabulary of your brand, the DNA that codes your digital identity. But don't let the simplicity fool you. There's more to them than meets the eye. These magic toolkits weave together a coherent, scalable, and streamlined interface, allowing you to communicate your brand's essence effectively across different platforms.
### Systemics: Your Trailblazer in Design System Consulting
Navigating through the complexities of design systems could be as bewildering as wandering aimlessly in a maze. Fear not! This is where we, as your trusted guide, step in. We at Systemics march to the beat of a unique drum, adopting a consultative approach that aligns your vision with actionable strategies. Our goal? To fabricate seamless and captivating user experiences that are not just visually stunning, but deeply resonant with your brand's ethos.
### Transforming Ideas into Tangible Results
Here's the fun part! Our Design System Creation service is no less than a potter's wheel, spinning raw ideas into tangible results. Leaning on the power of headless CMS, we provide you with the agility and adaptability to manage content across multiple platforms effortlessly. How do we do it, you ask? We build on the flexibility of independent content delivery, free from the confines of traditional CMS, which allows us to craft tailor-made digital experiences for your brand. Don't believe us? Click [here](/showcases) for some of our greatest hits.
### A Symphony of Brand Communication
Effective communication is a language, and every brand has its own dialect. Amplifying your brand's unique voice in the cacophony of the digital world can be quite a challenge. That's why we ensure that our design systems are created to be a seamless extension of your brand's communication. Through our work, we unleash the power of your brand's unique narrative, creating a symphony that resonates across the digital landscape.
### Conclusion: From Vision to Reality, With a **Touch of Sarcasm** and a **Healthy Dose of Fun**
Long story short, think of us as your brand's personal stylist in the digital world - but with a much cooler job. We're here to ensure that your brand always looks its best, regardless of the platform. So, leave your brand's digital transformation to us, sit back, relax, and let us take you on a journey - from vision to reality, with a healthy dose of sarcasm and a lot of fun!
Still skeptical about embarking on this journey? We get it! But remember, the proof of the pudding is in the eating. So why not [reach out to us](/disclaimer) or [check out our case studies](/showcases) to see the magic we can create together? Because at Systemics, we believe in making work fun, results tangible, and your brand's digital presence a masterpiece!
`}
/>
</div>
<BlogAside
readingTime="8 min read"
date="01/24/2024"
author={{
image: "/static/img/people/author-blog-male.png",
name: "Jon Greyjoy",
byline: "Design System Expert",
twitter: "Jongreyjoy",
email: "[email protected]",
}}
socialSharing={[
{
icon: "twitter",
href: "https://twitter.com/share?text=This%20is%20a%20blog%20post%20headline&url=https://example.com/blog",
title: "Share on Twitter",
},
{
icon: "linkedin",
href: "https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog&title=This%20is%20a%20blog%20post%20headline",
title: "Share on LinkedIn",
},
]}
/>
</Split>
</Section>

<Section style="horizontalGradient">
<Cta
align="center"
headline="Wanna know more?"
text="Intrigued by what a kickstartDS-driven website can do for your brand? Let's explore how we can shape your digital journey. Get in touch today."
buttons={[
{
label: "Contact us",
target: "https://app.lemcal.com/@daniel-ley",
icon: "person",
},
{
label: "Book a meeting",
target: "https://app.lemcal.com/@daniel-ley",
icon: "date",
},
]}
/>
</Section>
</PageWrapper>
);
Loading

0 comments on commit 910e274

Please sign in to comment.