Style Guide All

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae enim arcu. Ut interdum purus eget justo sodales scelerisque. Sed varius eros non tincidunt varius. Aenyean vengenatis sodales blandit. Sed nec nisl at justo pulvinar lacinia aliquam tristique dolor id nisl suscipit, sit amet pharetra risus commodo. Mauris quis varius arcu.

Headings have proper links too

Maecenas imperdiet faucibus mi vel vulputate. Etiam viverra placerat risus. Nam commodo diam vel nisl semper dapibus sed vel magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque, arcu a pulvinar ultricies, mi dui fermentum erat, eget semper tortor tortor ut felis. Fusce placerat volutpat mauris eget condimentum.

“Nulla egestas vitae tellus et fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Duis egestas, diam id fermentum vulputate, dolor justo tincidunt urna, quis laoreet sem justo vel urna.”

“Nulla egestas vitae tellus et fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Duis egestas, diam id fermentum vulputate, dolor justo tincidunt urna, quis laoreet sem justo vel urna.”

Maecenas elementum velit eu tortor faucibus posuere. Aenean ut malesuada orci. Duis egestas venenatis leo, eu elementum felis consequat eu. Donec eu facilisis lacus, vel ultrices erat. Aliquam erat volutpat. Etiam eget ipsum ornare, porttitor sem eu, dictum ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Maecenas enim dui, luctus et enim sit amet, suscipit ultrices quam. Donec bibendum turpis nec lacus varius tristique. Vivamus pharetra tempor nunc eget tempor. Etiam id volutpat est. Donec non lectus arcu. Donec ultricies et libero ut condimentum. Donec lobortis semper arcu sed feugiat. Sed quis sapien rutrum, sollicitudin enim nec, venenatis nunc. Maecenas interdum sem eget ultricies sodales.

Integer at dui quis dolor elementum ultricies. Mauris odio tellus, pellentesque in condimentum at, commodo eget magna. Vivamus gravida neque sit amet dignissim imperdiet. Nam finibus, ligula eget accumsan imperdiet, quam orci accumsan quam, id vestibulum nisi quam eu elit. Integer aliquam lacus posuere, hendrerit libero vitae, ultrices felis. Nulla vel fermentum nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Phasellus maximus, sem ac mattis efficitur, felis dolor laoreet ex, nec auctor tortor leo accumsan urna. Morbi sagittis enim non metus interdum egestas. Fusce scelerisque eros nec orci sodales consequat. Phasellus blandit non massa sodales blandit. Cras mollis tellus vitae pretium consequat. Duis vel tristique enim, non rhoncus nisl. In congue sapien eget lacus tempus, ut commodo nulla vulputate. Sed facilisis, metus id scelerisque laoreet, nisi lacus gravida eros, non sagittis dolor risus quis justo. Etiam ut tortor vitae diam aliquam facilisis et eu velit. Pellentesque fermentum neque sapien, sit amet efficitur leo rhoncus eget.

Phasellus maximus, sem ac mattis efficitur, felis dolor laoreet ex, nec auctor tortor leo accumsan urna. Morbi sagittis enim non metus interdum egestas. Fusce scelerisque eros nec orci sodales consequat. Phasellus blandit non massa sodales blandit. Cras mollis tellus vitae pretium consequat. Duis vel tristique enim, non rhoncus nisl. In congue sapien eget lacus tempus, ut commodo nulla vulputate. Sed facilisis, metus id scelerisque laoreet, nisi lacus gravida eros, non sagittis dolor risus quis justo. Etiam ut tortor vitae diam aliquam facilisis et eu velit. Pellentesque fermentum neque sapien, sit amet efficitur leo rhoncus eget.

Phasellus maximus, sem ac mattis efficitur, felis dolor laoreet ex, nec auctor tortor leo accumsan urna. Morbi sagittis enim non metus interdum egestas. Fusce scelerisque eros nec orci sodales consequat. Phasellus blandit non massa sodales blandit. Cras mollis tellus vitae pretium consequat. Duis vel tristique enim, non rhoncus nisl. In congue sapien eget lacus tempus, ut commodo nulla vulputate. Sed facilisis, metus id scelerisque laoreet, nisi lacus gravida eros, non sagittis dolor risus quis justo. Etiam ut tortor vitae diam aliquam facilisis et eu velit. Pellentesque fermentum neque sapien, sit amet efficitur leo rhoncus eget.

Ghost: The best open source blog & newsletter platform

Beautiful, modern publishing with email newsletters and paid subscriptions built-in. Used by Platformer, 404Media, Lever News, Tangle, The Browser, and thousands more.

Ghost - The Professional Publishing Platform

Ghost: The best open source blog & newsletter platform

Beautiful, modern publishing with email newsletters and paid subscriptions built-in. Used by Platformer, 404Media, Lever News, Tangle, The Browser, and thousands more.

Ghost - The Professional Publishing Platform

Ghost: The best open source blog & newsletter platform

Beautiful, modern publishing with email newsletters and paid subscriptions built-in. Used by Platformer, 404Media, Lever News, Tangle, The Browser, and thousands more.

Ghost - The Professional Publishing Platform

• Phasellus maximus sem mattis efficitur, felis dolor laoreet ex, nec auctor tortor leo accumsan urna
  • Morbi sagittis enim non metus interdum egoists
  • Fusce scelerisque eros nec orci sodales consequent
  • Phases blandit non massa sodales blandit
  • Cras mollis tellus vitae pretium consequent
• Duis vel tristique enim, non rhoncus nisl. In congue sapien eget lacus tempus, ut commodo nulla vulputate
• Sed facilisis, metus id scelerisque laoreet, nisi lacus gravida eros, non sagittis dolor risus quis justo
• Etiam ut tortor vitae diam aliquam facilisis et eu velit
• Pellentesque fermentum neque sapien, sit amet efficitur leo rhoncus eget.

Duis varius tristique urna pretium ornare. In velit lorem, malesuada sed dolor vel, rutrum sagittis dui. Nunc sit amet mauris varius, lobortis diam ut, tincidunt est. Suspendisse potenti. Phasellus sollicitudin gravida velit a feugiat. Donec cursus pharetra laoreet. Proin placerat nisl vel augue lobortis finibus. Nam facilisis massa ac porttitor pharetra. Donec non ultricies leo. Quisque fringilla mollis ultricies.

1. Phasellus maximus sem mattis efficitur, felis dolor laoreet ex, nec auctor tortor leo accumsan urna
   1. Morbi sagittis enim non metus interdum egoists
   2. Fusce scelerisque eros nec orci sodales consequen
   3. Phases blandit non massa sodales blandit
   4. Cras mollis tellus vitae pretium consequent
2. Duis vel tristique enim, non rhoncus nisl. In congue sapien eget lacus tempus, ut commodo nulla vulputate
3. Sed facilisis, metus id scelerisque laoreet, nisi lacus gravida eros, non sagittis dolor risus quis justo
4. Etiam ut tortor vitae diam aliquam facilisis et eu velit
5. Pellentesque fermentum neque sapien, sit amet efficitur leo rhoncus eget.

Analyse markets and competitors

To conquer the world, you must map it first. I track down players, gather intel, and analyse competitive products to produce reports that paint a bigger picture of your ecosystem than numbers alone.

• Competitor analysis
• Market research and segmentation
• Demand validation
• UX research

Ideate and validate product ideas

They say measure twice and cut once. So, I poke holes in our assumptions to isolate points of failure. Then devise prototypes, proof of concepts and other heuristics to potentially prevent an expensive mistake.

• Design sprint fascilitation
• Speculative design
• Rapid prototyping and PoC design
• Solution and monetisation validation
• Minimum Viable Brand design

Raise funding and strike partnerships

Behind every great hustler, there is a great storyteller. Like a biographer, I get up close and personal to tell a compelling narrative of your vision. Until we write, direct, and produce a pitch deck that can "sell water to a well".

• Product positioning
• Pitch deck production
• Marketing collateral design

Build a minimum viable product

Congrats, you got the dough. Now it's time to cook up a storm. I rally stakeholders around UX by structuring information and designing UIs. We simplify the frontend by reworking the backend and deliver a fully functional app in nimble releases.

• Product strategy directing
• Product management
• Specifications and documentation writing
• User-centered app and web design (IA/UX/UI/IxD)
• Product reviews and QA

Go to market and gain traction

Working in advertising has taught me that "marketing is not a department". We can all contribute to reaching the hearts and minds of customers. I do it with plain words and striking images that succeed in getting them to care.

• Customer acquisition strategy
• Content strategy
• Product marketing messaging and design
• Advertising creative and art direction

Define success and measure progress

You can't fight what you can't see. I subject the UX hypothesis to reality by choosing the right KPIs and designing experiments to measure them. Then translate data into user behaviour insights that lead to actionable conclusions.

• North star and KPIs determination
• Analytics and reporting set-up
• Product roadmapping

Calibrate for product-market fit

Software is never done. I pump insights from all sources of feedback to direct ongoing efforts towards the higher acquisition, lower churn and wider moat. Until it's time to recruit a successor with expertise in scaling the operation.

• Experiment design, surveying, and usability testing
• Product auditing and diagnosing
• Conversion and retention optimisation
• On-site Search Engine Optimisation (SEO)
• App Store Optimisation (ASO)

Phasellus maximus, sem ac mattis efficitur, felis dolor laoreet ex, nec auctor tortor leo accumsan urna. Morbi sagittis enim non metus interdum egestas. Fusce scelerisque eros nec orci sodales consequat. Phasellus blandit non massa sodales blandit. Cras mollis tellus vitae pretium consequat. Duis vel tristique enim, non rhoncus nisl. In congue sapien eget lacus tempus, ut commodo nulla vulputate. Sed facilisis, metus id scelerisque laoreet, nisi lacus gravida eros, non sagittis dolor risus quis justo. Etiam ut tortor vitae diam aliquam facilisis et eu velit. Pellentesque fermentum neque sapien, sit amet efficitur leo rhoncus eget.

File example MP3 700KB

0:00

/42.008345

1×

Vestibulum lectus nulla, pulvinar vitae aliquet vel, vulputate non velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non euismod diam. Mauris facilisis ut mi non aliquet. Nulla tristique bibendum nunc, id tincidunt leo gravida eget. Praesent elementum arcu porttitor urna pharetra varius. Cras quis tincidunt magna. Duis tristique erat ut bibendum porta. Curabitur est ante, consectetur vitae ex id, ullamcorper ultrices metus. Nunc imperdiet nunc a diam aliquam, sed facilisis ipsum consequat. Fusce tincidunt mauris eu maximus lobortis. Suspendisse vel nunc et orci dapibus posuere eu non urna. Nulla facilisi. Etiam nec nisl et metus pulvinar venenatis sed a metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Interdum et malesuada fames ac ante ipsum primis in faucibus.

Maecenas pretium dolor vel ante aliquet convallis sed ac dui. Suspendisse vitae est at libero eleifend dapibus. Suspendisse eu vehicula ligula. Ut porta tellus ac lacinia pulvinar. Fusce ipsum augue, ornare et orci id, rhoncus molestie dui. Pellentesque suscipit pulvinar scelerisque. Morbi consequat eu lacus et maximus. Proin tempor aliquet tempor.

Organic pine bath salt w/Natural Fir Essential Oil 600g - Natural Bath Sea Salts - Coniferous Salts

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam commodo lectus diam, ultrices lobortis nisl tincidunt in. Pellentesque porttitor eleifend consequat. Donec et ex sit amet leo sagittis tincidunt eget non odio.

Buy now

Other cards

Maecenas pretium dolor vel ante aliquet convallis sed ac dui. Suspendisse vitae est at libero eleifend dapibus. Suspendisse eu vehicula ligula. Ut porta tellus ac lacinia pulvinar. Fusce ipsum augue, ornare et orci id, rhoncus molestie dui. Pellentesque suscipit pulvinar scelerisque. Morbi consequat eu lacus et maximus. Proin tempor aliquet tempor.

Headers offer a versatile way to structure and organize your content. With different heading levels, you can create clear and hierarchical sections, making it easier for readers to navigate and comprehend your blog or website.

Maecenas pretium dolor vel ante aliquet convallis sed ac dui. Suspendisse vitae est at libero eleifend dapibus. Suspendisse eu vehicula ligula. Ut porta tellus ac lacinia pulvinar. Fusce ipsum augue, ornare et orci id, rhoncus molestie dui. Pellentesque suscipit pulvinar scelerisque. Morbi consequat eu lacus et maximus. Proin tempor aliquet tempor.

Header Cards

Maecenas pretium dolor vel ante aliquet convallis sed ac dui. Suspendisse vitae est at libero eleifend dapibus. Suspendisse eu vehicula ligula. Ut porta tellus ac lacinia pulvinar. Fusce ipsum augue, ornare et orci id, rhoncus molestie dui. Pellentesque suscipit pulvinar scelerisque. Morbi consequat eu lacus et maximus. Proin tempor aliquet tempor.

Signup Cards

Embeds Cards

Zenith theme supports embeds: videos (such as Youtube and Vimeo), images from Unsplash, Spotify, Soundcloud, Codepen and Twitter posts.

Syntax Highlight

Phasellus maximus, sem ac mattis efficitur, felis dolor laoreet ex, nec auctor tortor leo accumsan urna. Morbi sagittis enim non metus interdum egestas. Fusce scelerisque eros nec orci sodales consequat. Phasellus blandit non massa sodales blandit. Cras mollis tellus vitae pretium consequat.

Duis vel tristique enim, non rhoncus nisl. In congue sapien eget lacus tempus, ut commodo nulla vulputate. Sed facilisis, metus id scelerisque laoreet, nisi lacus gravida eros, non sagittis dolor risus quis justo. Etiam ut tortor vitae diam aliquam facilisis et eu velit. Pellentesque fermentum neque sapien, sit amet efficitur leo rhoncus eget.

:root[data-theme="dark"],
:root.has-light-text {
    --primary-text-color: rgb(255 255 255 / 90%);
    --secondary-text-color: rgb(255 255 255 / 65%);
    --tertiary-text-color: rgb(255 255 255 / 45%);
    --article-text-color: hsla(217, 5%, 50%, 1);
    --background-color: hsla(0, 0%, 0%, 1);
    --divider-color: rgb(255 255 255 / 50%);
    /* built-in Ghost color */
    --lighter-gray-color: rgb(255 255 255 / 6%);
    --light-gray-color: rgb(255 255 255 / 20%);
    --mid-gray-color: rgb(255 255 255 / 40%);
    --dark-gray-color: rgb(255 255 255 / 70%);
    --darker-gray-color: var(--primary-text-color);
}