Partizion Style Guide

A complete style guide for Partizion and all of its components. This guide includes Colour, Typography, and Component design/styles

Brand Introduction

Partizion is a simple, intuitive, and enjoyable tab manager. Its a browser side kick, perfect for anyone who does lots of work in the browser.

Colour Palette

Simple, flexible, and contrasting colours with light and dark alternatives

Primary Colours

Light, approachable blues
Partizion Blue
#3d5afe
Light Blue
#d8deff

Accent Colours

Slate-tone professional blacks and greys
Deep Black
#181818
Caption Grey
#C4C4C4
Off White
#fbfbfb

Typography

Being mainly a developer site, IBM Plex fonts were chosen for the Try67 website

Headings

Bold, clear, and readable

Aa Bb Cc Dd Ee

Heading 1 Detail

Aa Bb Cc Dd Ee

Heading 2 Detail

Aa Bb Cc Dd Ee

Heading 3 Detail

Aa Bb Cc Dd Ee

Heading 4 Detail
Aa Bb Cc Dd Ee
Heading 5 Detail
Aa Bb Cc Dd Ee
SubheadingDetail
Aa Bb Cc Dd Ee
Heading 6 Detail

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lagre ParagraphDetail

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Normal Paragraph Detail
This is some text inside of a div block.
Caption Text

Special

This is some text inside of a div block.
Large TextDetail
This is some text inside of a div block.
Caption TextDetail

Lists

Lists and bullets styling

Lists

This is some text inside of a div block.
Bullet list Detail

Quotes

This is some text inside of a div block.
Block Quote
QuoteDetail
Block Quote
Secondary QuoteDetail

Chips

This is some text inside of a div block.
Chip Text
Chip Regular
Chip Text
Chip Primary
Chip Text
Chip Secondary
Chip Text
Chip Dark

Buttons

Buttons were designed to be prominent and extremely readable.

Primary Buttons

Button Text
Button Small
Button Text
Button Regular
Button Text
Button Large

Outlined Buttons

Button Text
Button Small
Button Text
Button Regular
Button Text
Button Large

Links

Various links
Text Link
Link Dark
Text Link
Link Light

Blog styles

Partizion blog styles

Blog callouts

TEST

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Rich TextDetail

Too many tabs open

Are you a tab hoarder? Do you always keep 30+ tabs open in your browser?

Bad news: It slows down you and your computer.

Too many tabs open…

Does this look familiar? If so, we want to share with you how to combat tab hoarding. Reducing the number of tabs you have open at any given time will allow you to reduce clutter, increase productivity, and work smarter in the browser.

Do you have too many tabs open?

If you have to ask whether you have too many tabs open then you probably have too many tabs open. Don’t fret, there are ways to mitigate this. These aren’t just tips on how to close tabs. We know you have tabs that you need to reference later, read later, or need quick access to but don’t need right this moment. We will be sharing strategies for all your needs.

unordered list

  • hello
  • sdfasdf
  • asdfadsf
  • adsf

First, lets admit its never good

Having too many tabs open leads to scatterbrain. You simply cannot keep track of all that information, not to mention each tab gets squished smaller and smaller until only little favicons appear in your browser. It’s better to focus on one task at a time, and keep only pertinent information upfront and center.

So, what do you do? Well let’s address each scenario individually so that you can have a plan of attack when you are distracted or chaos begins to ensue.

You’re working on X, and something from Y pops up

Again, it is always best to work on one thing at a time. We all have interruptions, reminders, and urgent matters that need our attention from time to time. Instead of opening up another tab and diving into another task try:

  1. Opening a new window and using it for the new task/project/urgent matter
  2. Saving the tabs you currently have open to your bookmarks and starting fresh
  3. Use a tab manager like Partizion to make saving, opening, and finding tabs super simple


You find yourself with 20+ tabs open, and don’t know which ones you need

This often happens when we are hammering away at our research, coding, social media planning, or writing. As soon as you consciously notice that tabs are piling up, its a good time to evaluate.

  1. Go through each tab and close the ones that you don’t need, save the ones you might need later to your bookmarks, and rearrange your tabs.
  2. If the above sounds like torture, try out Partizion, a tab manager that makes tab management super simple.


You’re done working on something, but don’t know what to do with the tabs

After a long day of work, we rarely are completely finished with what we are working on and therefore still need all or some of the tabs we have open. In order to access these tabs later, and more specifically access this group of tabs later, we should save them somewhere we will remember.

  1. Create a bookmarks group of tabs, so that you can open the tabs together later on
  2. Using a tab manager like Partizion, you can create custom groups of tabs that can be switched to or opened later in one click.


You have tabs from different tasks, projects, and work environments open at the same time

Multitasking doesn’t work. More accurately, us humans can’t do it. You are better off focusing on one thing at a time and switching contexts fully, when necessary.

In order to do this, you need to split up and organize your work. This means keeping tabs that belong to one task/project/work org. separate.

  1. Try separating out your tabs into their respective tasks and using either different windows or bookmark groups to organize them.
  2. If your bookmarks bar is full, or not working how you’d like it to, try out Partizion. It’s a tab manger that helps you organize, save, and manage your work in the browser.


Chrome is slowing down because you have too many tabs open

Each tab starts a new process in most modern browsers. This is like  a complete new application running in each new tab. This is a good thing  — it means a poorly coded page doesn’t crash the whole browser, or create security problems where code on one page can get access to data on another.

Unfortunately, this can lead to slower responsiveness and execution on your computer when you have many instances (tabs) open at the same time. Each tab takes up a certain amount of space and requires RAM from your computer to operate. When you have all those tabs open your browser doesn’t know which ones are important and which aren’t.

What can you do?

  1. Using a tab suspender can help. Essentially, tabs that are inactive are automatically ‘suspended’ so that they aren’t taking ip precious computing power.
  2. A tab manager like Partizion assists with this, making it easier to only have the necessary tabs open at any given time.


It’s hard to see tab titles because you have so many tabs open

If you can’t even read the titles of your tabs… you have too many tabs open. This likely mean you’re trying to work on more than one thing at a time, you have tabs that you might need later open, or are bouncing back at forth between tasks. Take the time to decide what you need to work on now, and then separate out your tabs to help you clearly focus on the task at hand.

  1. Saving tabs to bookmarks or using different windows can help in the short term
  2. Investing in a proper strategy and tool to help manage your tabs is your best bet in the long term. Understanding what you need to work on is step one, having the means to manage this is step 2. Partizion is a tab manager that helps you organize, find, and manage your work in the browser.


It’s hard to find a tab because you have too many tabs open

When it becomes so jammed and chaotic that finding/referencing a tab takes more time than you need to use the tab, it’s a problem. You should be able to know which tabs you have open and where they are. Finding a tab should be quick and easy, otherwise you’re wasting valuable time sorting through, clicking, and searching through a sea of unwieldy tabs.

  1. Keep open only the tabs you need for the task at hand
  2. If there is a tab you need later, save it as a bookmark
  3. Try out a tab manager like Partizion to simplify your workflow


You’re hoarding tabs because you’re worried that you won’t be able to find tabs later

We’ve all been there; we go to find a tab that we previously visited and are at a loss. How the heck are we supposed to find it? So, instead of closing tabs we hoard them in fear that we will need them later, and won’t be able to find them.

This is a terrible state to live in, we should be able to find and reference the tabs we need seamlessly.

  1. You can try searching your history
  2. Using Partizion, you can search your history with the click of a button, or view you past sessions and tabs to quickly open them later.


You’re keeping tabs open to read later, reference later, share or otherwise user later

You’re working on a project and you come across an article, tweet, website, or interesting link that you want to share or read later. Save it to your bookmarks? Your bookmarks bar is full?

Try using a tab manager like Partizion that makes saving, sharing, and organizing links easy and enjoyable.

The solution

All in all, you need to be diligent in your work. Multitasking, keeping too many tabs open, and remaining disorganized will prove to be detrimental to your productivity and overall sanity. The best way to keep on top of things, stay organized, and crush your daily goals is to keep the things you work on clearly organized. Whether this means using separate windows, bookmarks, or a tab manager, you need to be disciplined in order to achieve maximum productivity.

If you are a designer, engineer, social media manager, teacher or student, writer, nomad, or entrepreneur, you should checkout our tab manager specifically built to help you keep your work organized and accessible. Its called Partizion because it helps you partition your work.


DOCS RICH TEXT

Basics about who's in your workspace

There are three types of people that live inside a Notion workspace:

  1. Admins — these are usually the people who oversee the workspace, like adding members, creating permission groups, and configuring the advanced security settings.
  2. Members — the rest of your team will be members of the workspace. They can create Notion pages, share and edit them, but they can’t change the workspace settings or add new members (here's more info on members).
  3. Guests — these will likely be people outside your organization that you want to collaborate with, such as clients or third-party vendors. You can invite them to view and edit pages, but they won’t have access to the whole workspace.

The Settings & Members menu in the sidebar is where you’ll go to manage permissions.

Here, under the Members tab, admins can add new members to the workspace by clicking Add members, then either searching for their name, entering their email address, or copying and sending them the Invite link. When you’ve added someone, you can use the toggle next to their name to decide whether to make them a member or admin.

If you'’d like to learn more about admins, members, and guests, we got you covered.

H2 Structured headings

H3 Structured headings

with some paragraph below...Here, under the Members tab, admins can add new members to the workspace by clicking Add members, then either searching for their name, entering their email address, or copying and sending them the Invite link. When you’ve added someone, you can use the toggle next to their name to decide whether to make them a member or admin.

H3 Structured headings

with some paragraph below...Here, under the Members tab, admins can add new members to the workspace by clicking Add members, then either searching for their name, entering their email address, or copying and sending them the Invite link. When you’ve added someone, you can use the toggle next to their name to decide whether to make them a member or admin.with some paragraph below...Here, under the Members tab, admins can add new members to the workspace by clicking Add members, then either searching for their name, entering their email address, or copying and sending them the

H4 heading seperater

Invite link. When you’ve added someone, you can use the toggle next to their name to decide whether to make them a member or admin.with some paragraph below...Here, under the Members tab, admins can add new members to the workspace by clicking Add members, then either searching for their name, entering their email address, or copying and sending them the Invite link. When you’ve added someone, you can use the toggle next to their name to decide whether to make them a member or admin.

with some paragraph below...Here, under the Members tab, admins can add new members to the workspace by clicking Add members, then either searching for their name, entering their email address, or copying and sending them the Invite link. When you’ve added someone, you can use the toggle next to their name to decide whether to make them a member or admin.

H3 Structured headings

with some paragraph below...Here, under the Members tab, admins can add new members to the workspace by clicking Add members, then either searching for their name, entering their email address, or copying and sending them the Invite link. When you’ve added someone, you can use the toggle next to their name to decide whether to make them a member or admin.

H2 How teams can use sharing settings for collaboration long ass Heading 2

We've seen companies share information different ways, depending on who needs to see or edit that information. Here are some common examples of ways your team can use Notion's sharing settings for better collaboration:

  • Your benefits information or mission statement — for documents that everyone in your company needs to see, you can use Share with everyone at [your company]. You can give certain team members, such as HR managers Full access, and make the page Can view for everyone else.
Another image with caption
Image caption here

Here, under the Members tab, admins can add new members to the workspace by clicking Add members, then either searching for their name, entering their email address, or copying and sending them the Invite link. When you’ve added someone, you can use the toggle next to their name to decide whether to make them a member or admin.

Here, under the Members tab, admins can add new members to the workspace by clicking Add members, then either searching for their name, entering their email address, or copying and sending them the Invite link. When you’ve added someone, you can use the toggle next to their name to decide whether to make them a member or admin.